<template>
	<div class="">

		<div class="zzc" v-if="showzzc" @click="close"></div>
		<div class="top-txt cent">
			<div class="rows" style="width: 100%;justify-content: flex-start;">
				<span class="txt-black cent" :style="tabact==1?'border-bottom:4px solid #4286F5;padding-bottom: 0px':''"
					@click="changetab(1)">全部</span>
				<span class="txt-black cent" :style="tabact==2?'border-bottom:4px solid #4286F5;padding-bottom: 0px':''"
					@click="changetab(2)">待接单</span>
				<span class="txt-black cent" :style="tabact==3?'border-bottom:4px solid #4286F5;padding-bottom: 0px':''"
					@click="changetab(3)">处理中</span>
				<span class="txt-black cent" :style="tabact==4?'border-bottom:4px solid #4286F5;padding-bottom: 0px':''"
					@click="changetab(4)">暂停处理</span>
				<span class="txt-black cent" :style="tabact==6?'border-bottom:4px solid #4286F5;padding-bottom: 0px':''"
					@click="changetab(6)">已终止</span>
				<span class="txt-black cent" :style="tabact==7?'border-bottom:4px solid #4286F5;padding-bottom: 0px':''"
					@click="changetab(7)">已完成</span>
			</div>
		</div>
		<div class="container">
			<div class="search_box" style="flex-wrap: wrap;min-width: 900px;">
				<input type="text" autocomplete="off" v-model="word" class="form-control search_inp"
					style="margin-right: 10px;" placeholder="这里输入科室名称">
				<input type="text" autocomplete="off" v-model="word2" class="form-control search_inp"
					placeholder="这里输入故障描述">
				<div class="input-cont" style="margin-left:10px;width: 170px;margin-bottom: 20px;">
					<input type="text" class="form-control" readonly v-model="departname" placeholder="报修科室">

					<img src="@assets/images/close.png" class="clears" alt="" v-if="departname"
						@click="departname = '';departId=''">
					<span class="iconfont icon-list" data-toggle="modal" data-target="#keshi"
						@click="alert_show=!alert_show;dtype='search';getrooms()"></span>
				</div>
				<div class="input-cont" style="margin-left:10px;width: 170px;margin-bottom: 20px;">
					<input type="text" class="form-control" readonly v-model="faultTypename_s" placeholder="故障分类">
					<img src="@assets/images/close.png" class="clears" alt="" v-if="faultTypename_s"
						@click="faultTypename_s= '';faultTypeId=''">
					<span class="iconfont icon-list" data-toggle="modal" data-target="#keshi"
						@click="alert_show2=!alert_show2;dtype='search';getrooms2()"></span>
				</div>
				<div class="input-cont" style="margin-left:10px;width: 170px;margin-bottom: 20px;">
					<input type="text" class="form-control" readonly v-model="susername" placeholder="创建人">

					<img src="@assets/images/close.png" class="clears" alt="" v-if="susername"
						@click="susername = '';info.commitUserId=''">
					<span class="iconfont icon-list" data-toggle="modal" data-target="#keshi"
						@click="user_alert=!user_alert;utype='search';getrooms();getalluserlist()"></span>
				</div>

				<el-date-picker prefix-icon='none' style="width: 120px;margin-left: 10px;margin-bottom: 20px;"
					v-model="createStartDate" type="date" @change="changedate(1)" value-format="timestamp"
					placeholder="开始日期">
				</el-date-picker>
				<el-date-picker prefix-icon='none' style="width: 120px;margin-left: 10px;margin-bottom: 20px;"
					v-model="createEndDate" type="date" @change="changedate(2)" value-format="timestamp"
					placeholder="结束日期">
				</el-date-picker>


				<div class="sea_btn sear_btns" style="margin-bottom: 20px;"
					@click="page=1;naes=word;naes2=word2;createStartDates=createStartDate;createEndDates=createEndDate;faultTypeIds=faultTypeId;departIds=departId;commitUserIds=info.commitUserId;getlist()">
					<img src="@assets/images/search.png" alt="">
					<!-- icon-chaxun -->
					查询
				</div>
				<div class="add_btn sear_btns" style="margin-bottom: 20px;" @click="openadd"
					v-if="$permissions.indexOf(10)  != -1">
					<img src="@assets/images/add.png" alt="">
					新增
				</div>

				<div class="down_btn sear_btns" style="margin-bottom: 20px;" @click="getexport"
					v-if="$permissions.indexOf(12)  != -1">
					<img src="@assets/images/logout-rounded.png" alt="">
					导出
				</div>
			</div>
			<div class="table-responsive">
				<h2 class="tcent" v-if="list.length ==0">暂时没有数据</h2>
				<table class="table table-hover" v-else>
					<tr>
						<th>报修时间</th>
						<th>报修科室</th>
						<th>联系电话</th>
						<th>故障描述</th>
						<th>建单人</th>
						<th>处理人</th>
						<th class="tcent">状态</th>
						<th class="tcent">操作</th>
					</tr>
					<tr v-for="item,index in list">
						<td style="min-width: 160px;">{{item.createDate}}</td>
						<td>{{item.departName}} <span v-if="item.commitUserName">({{item.commitUserName}})</span>
						</td>
						<td>
							<img v-if="item.phoneNo" class="phone_icon" src="@/assets/images/phone.png" alt="">
							{{item.phoneNo}}
						</td>
						<td><span style="cursor: pointer;word-wrap: break-word;display: block;"
								:class="item.stateStr == '未派单'?'text_org':'txt-blue'"
								@click="id=item.id;getinfo();showinfo=true">{{item.faultDescription}}</span>
						</td>
						<td>{{item.createName}}</td>
						<td>{{item.servicemanName}}</td>
						<td class="tcent">
							<span class=" wait" v-if="item.stateStr == '待接单'">{{item.stateStr}}
								{{item.isAssigned?'(转交)':''}} {{item.helperId.indexOf(uid) !=-1?'(协助)':''}}</span>
							<span class=" nosingle" v-else-if="item.stateStr == '未派单'">{{item.stateStr}}
								{{item.isAssigned?'(转交)':''}}{{item.helperId.indexOf(uid) !=-1?'(协助)':''}}</span>
							<span class=" waitdoing"
								v-else-if="item.stateStr == '暂停处理' || item.stateStr == '处理中'">{{item.stateStr}}
								{{item.isAssigned?'(转交)':''}}{{item.helperId.indexOf(uid) !=-1?'(协助)':''}}</span>
							<span class=" btns"
								v-else-if="item.stateStr == '待评价' || item.stateStr == '已完成'">{{item.stateStr}}
								{{item.isAssigned?'(转交)':''}}{{item.helperId.indexOf(uid) !=-1?'(协助)':''}}</span>

							<span class=" qx" v-else>{{item.stateStr}}
								{{item.isAssigned?'(转交)':''}}{{item.helperId.indexOf(uid) !=-1?'(协助)':''}}</span>

						</td>
						<td class="tcent">

							<a href="javascript:;" class=" btn-blue btns"
								@click="id=item.id;getinfo();showinfo=true">查看</a>
							<a href="javascript:;" class=" btn-gblue btns"
								v-if="item.stateStr == '未派单' && $permissions.indexOf(12)  != -1"
								@click="dialog2(index)">接单</a>

							<a href="javascript:;" class=" btn-org btns"
								v-if="item.stateStr == '暂停处理' && (item.servicemanId == uid)&& $permissions.indexOf(12)  != -1"
								@click="dialog(index)">取消暂停</a>

							<a href="javascript:;" class=" btn-green btns"
								v-if="(item.stateStr == '取消暂停'  || item.stateStr == '暂停处理') && (item.servicemanId == uid) && $permissions.indexOf(12)  != -1"
								@click="edit(index)">编辑</a>
							<a href="javascript:;" class=" btn-gblue btns"
								v-if="item.stateStr == '待接单' && (item.servicemanId == uid)&& $permissions.indexOf(12)  != -1"
								@click="dialog2(index)">接单</a>
							<a href="javascript:;" class=" btn-green btns"
								v-if="item.stateStr == '待评价' && (item.departPrincipalId == uid || uid == item.commitUserId || uid == item.createId)"
								@click="addevaluation(index)">评价</a>
							<a href="javascript:;" class=" btn-org btns"
								v-if="(item.stateStr == '已完成' ||  item.stateStr == '待评价' || item.stateStr == '已评价') && (item.servicemanId == uid)&& $permissions.indexOf(57)  != -1"
								@click="addrep(item)">存入知识库</a>
							<a href="javascript:;" class=" btn-org btns"
								v-if="item.stateStr == '处理中' && (item.servicemanId == uid|| item.helperId == uid)&& $permissions.indexOf(12)  != -1"
								@click="stop('do',index)">处理</a>

							<a href="#" class="more"
								:style="(item.stateStr == '处理中' || item.stateStr == '待接单') && (item.servicemanId == uid)&& $permissions.indexOf(12)  != -1?'':'visibility: hidden;'">
								<el-popover trigger="click" v-model="item.static"
									@hide="item.static=false;$forceUpdate()" @show="item.static=true;$forceUpdate()">
									<div class="more_box" slot="reference">
										<img v-if="!item.static" src="../../assets/images/more_before.png" alt="">
										<img v-else src="../../assets/images/more_after.png" alt="">
									</div>

									<div class="down_li"
										v-if="item.stateStr == '处理中' && (item.servicemanId == uid)&& $permissions.indexOf(12)  != -1"
										@click="stop('prause',index)">暂停
									</div>

									<div class="down_li"
										v-if="item.stateStr == '处理中' && (item.servicemanId == uid) && $permissions.indexOf(12)  != -1"
										@click="edit(index)">编辑</div>

									<!-- && !item.isAssigned -->
									<div class="down_li"
										v-if="(item.stateStr == '处理中'||item.stateStr == '待接单') && $permissions.indexOf(12)  != -1 && !item.helperId"
										@click="stop('turn',index)">转交
									</div>
									<div class="down_li" v-if="item.stateStr == '待接单' && (item.servicemanId == uid)"
										@click="stop('back',index)">退回
									</div>
									<div class="down_li" v-if="item.stateStr == '处理中' && (item.servicemanId == uid)"
										@click="stop('stop',index)">终止
									</div>
									<div class="down_li" v-if="item.stateStr == '处理中' && (item.servicemanId == uid)"
										@click="openxz(item.id)">协助
									</div>

								</el-popover>

							</a>
						</td>
					</tr>

				</table>

				<div class="page_box">
					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
						:current-page="page" :page-sizes="[10, 30, 60, 100]" :page-size="limit"
						layout="total, sizes, prev, pager, next, jumper" :total="inglen">
					</el-pagination>
				</div>

			</div>


		</div>


		<!--选择常用语-->
		<div :class="phraseshow?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="phraseshow?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 712px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 438px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>选择常用语
							<div class="right" @click="phraseshow=false;">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 321px;">
							<div class="phras_box">
								<div class="phrase_li" @click="info.faultDescription=item.brief;phraseshow=false;"
									v-for="item in phraseList">{{item.brief}}</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="phraseshow=false">确定</button>
							<button class="btn btn-info close_eng" @click="phraseshow=false">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--报修人-->
		<div :class="user_alert?'modal in fade':'modal fade'" role="dialog"
			:style="user_alert?' align-items: center;justify-content: center;display: flex;z-index:200;':'z-index:200'"
			id="engineer">

			<div class="cent w700" style="height: 865px;max-width: 955px;max-height:calc(100vh - 50px)">

				<div class="modal-dialog" role="document">
					<div class="modal-content" style="overflow: visible;">
						<div class="modal-header tit">
							<em></em>选择{{utype=='search'?'创建人':utype=='xz'?'协助人':'报修人'}}
							<div class="right" @click="closeusertalert">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100"
							style="overflow-x: hidden;overflow-y:scroll;height:760px;max-height:calc(100vh - 150px)">
							<div class="left">
								<div class="zTreeDemoBackground">
									<ul id="treeDemo4" class="ztree" @select="choseroom_user"></ul>
								</div>
							</div>
							<div class="right" style="height: calc(100% - 35px);overflow-y: auto;">
								<div class="search">
									<!-- <form> -->
									<div class="form-group" style="display: flex;padding-right: 0;">
										<input class="form-control" autocomplete="off"
											@keydown.enter="page2=1;word_users=word_user;getalluserlist()"
											v-model="word_user" placeholder="输入关键字">
										<div style="margin-left: 10px;" class="btn btn-success"
											@click="page2=1;word_users=word_user;getalluserlist()">
											<span class="iconfont icon-chaxun"
												style="line-height: 34px;vertical-align: baseline;"></span>
										</div>
									</div>
									<!-- </form> -->
								</div>

								<div class="enr_alert_scorll">
									<div style="height: 552px;">
										<h2 class="tcent" v-if="user_all.length ==0">暂时没有数据</h2>
										<table class="table table-hover smallTab" v-else>
											<tr>
												<th></th>
												<th>账号</th>
												<th>姓名</th>
												<th>电话</th>
											</tr>
											<tr v-for="item,index in user_all">
												<td>
													<input type="radio" v-model="userid" :value="item.id"
														@change="changechose(item.id,item.realName,item.phoneNo)"
														name="chose2" :id="'c'+item.id"><label
														:for="'c'+item.id"></label>
												</td>
												<td>{{item.userName}}</td>
												<td>{{item.realName}}</td>
												<td>{{item.phoneNo}}</td>
											</tr>
										</table>
									</div>
									<div class="Spage" style="margin: 20px 0;">
										<el-pagination @current-change="handleCurrentChange2" :current-page="page2"
											style="display: flex;justify-content: center;" :pager-count="5"
											:page-size="10" layout="prev, pager, next" :total="inglen2">
										</el-pagination>
									</div>


									<div class="tcent" style="margin-bottom: 30px;">
										<button class="btn btn-primary" @click="sure_user">确定</button>&emsp;
										<button class="btn btn-default" @click="closeusertalert">关闭</button>
									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--新增工单弹窗-->
		<div :class="showadd?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="showadd?'display: block;z-index:199':''" id="add">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>{{info.id?'编辑工单':'创建工单'}}
							<div class="right" @click="closeadd">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100" ref="adds">
							<div class="row">
								<div class="col-sm-12" style="padding: 0 34px;">
									<ul class="Smenu clear">
										<li :class="basic==0?'active':''" @click="basic=0"><a href="#">基本信息</a></li>
										<!-- <li :class="basic==1?'active':''" @click="basic=1"><a href="#">更多信息</a></li> -->
									</ul>
									<div class="Scont" v-if="basic==0">
										<!-- <form @submit.prevent="showData"> -->
										<h3 class="tit">1.报修人信息</h3>
										<div class="row">
											<div class="col-sm-6">
												<div class="form-group pl-160 pr-40">
													<label><em class="red"
															v-if="zddert && zddert!='false'">*</em>报修科室：</label>
													<div class="input-cont">
														<!-- <input type="text" class="form-control" readonly
																v-model="departname" placeholder="右侧按钮选择"> -->
														<el-autocomplete popper-class="my-autocomplete"
															@change="info.departId = '';isclick1=false"
															v-model="info.departName" value-key="name"
															:fetch-suggestions="querySearch_d" placeholder="请输入内容"
															@select="handleSelect_d">
															<!-- <i class="el-icon-edit el-input__icon" slot="suffix"
																		@click="handleIconClicdk">
																	</i> -->
															<template slot-scope="{ item }">
																<div class="tab_tr" :title="item.name">
																	<div class="tab_td" style="width: 50%;">
																		{{ item.name }}
																	</div>
																	<div class="tab_td" style="width: 50%;">
																		{{ item.address }}
																	</div>
																</div>

															</template>
														</el-autocomplete>
														<span class="iconfont icon-list" data-toggle="modal"
															data-target="#keshi"
															@click="alert_show=!alert_show;dtype='add'"></span>
													</div>
													<!-- <span class="iconfont icon-add"></span> -->
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group pl-160 pr-40">
													<label><em class="red"
															v-if="zdaddress && zdaddress!='false'">*</em>报修地址：</label>
													<input type="text" autocomplete="off" class="form-control"
														v-model="info.address" placeholder="请输入报修地址">
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-sm-6">
												<div class="form-group pl-160 pr-40">
													<!-- <em class="red">*</em> -->
													<label>报修人：</label>
													<div class="input-cont">
														<el-autocomplete popper-class="my-autocomplete"
															v-model="info.commitUserName" value-key="realName"
															:fetch-suggestions="querySearch_u" placeholder="请输入内容"
															@select="handleSelect_u">
															<!-- <i class="el-icon-edit el-input__icon" slot="suffix"
																	@click="handleIconClicdk">
																</i> -->
															<template slot-scope="{ item }">
																<div class="tab_tr">
																	<div class="tab_td">{{ item.userName }}</div>
																	<div class="tab_td">{{ item.realName }}</div>
																	<div class="tab_td">{{ item.departName }}</div>
																	<div class="tab_td">{{ item.phoneNo }}</div>
																</div>

															</template>
														</el-autocomplete>
														<span class="iconfont icon-list"
															@click="user_alert=true;utype='add';getalluserlist()"></span>
													</div>
													<!-- <span class="iconfont icon-add"></span> -->
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group pl-160 pr-40">
													<label><em class="red"
															v-if="zdtel && zdtel!='false'">*</em>报修人电话：</label>
													<div class="input-cont" style="position: relative;">
														<input type="text" class="form-control" v-model="info.phoneNo"
															placeholder="支持五笔、拼音、名字搜索，右侧按钮选择">
														<img class="getimg" @click="getdert(info.phoneNo)"
															src="@/assets/images/get.png" alt="">
													</div>
													<span class="iconfont icon-dianhua"></span>
												</div>
											</div>
										</div>
										<div class="row mb0">
											<div class="col-sm-6">
												<div class="form-group pl-160">
													<label>是否为重复维修：</label>
													<div class="radio">
														<div>
															<input type="radio" name="isRepeat" value="1"
																v-model="info.isRepeat" checked id="a"><label
																for="a"></label>
															<span @click="info.isRepeat=1">是</span>
														</div>
														<div>
															<input type="radio" name="isRepeat" v-model="info.isRepeat"
																value="0" id="b"><label for="b"></label>
															<span @click="info.isRepeat=0">否</span>
														</div>
													</div>
												</div>
											</div>

										</div>

										<h3 class="tit">2.故障信息
											<!-- <a href="#" class="right txt-blue">编辑常用语</a> -->
										</h3>
										<div class="form-group pl-160 pr-40" v-if="checked && sys_options.length > 0">
											<label>子系统：</label>
											<div class="input-cont">
												<el-select clearable v-model="sys_value" @change="selectsys"
													placeholder="请选择">
													<el-option v-for="item in sys_options" :key="item.id"
														:label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</div>
										<div class="form-group pl-160 pr-40">
											<label><em class="red" v-if="zdtype && zdtype!='false'">*</em>故障分类：</label>
											<div class="input-cont">
												<!-- readonly -->
												<el-autocomplete popper-class="my-autocomplete"
													@change="info.faultTypeId='';isclick2=false" v-model="treeLoad"
													value-key="name" :fetch-suggestions="querySearch"
													placeholder="支持五笔、拼音、名字搜索，右侧按钮选择" @select="handleSelect">
													<!-- <i class="el-icon-edit el-input__icon" slot="suffix"
																@click="handleIconClicdk">
															</i> -->
													<template slot-scope="{ item }">
														<div style="padding-left: 20px;">{{ item.treeLoad }}</div>
													</template>
												</el-autocomplete>
												<!-- 	<input type="text" class="form-control" v-model="faultTypename"
														placeholder="支持五笔、拼音、名字搜索，右侧按钮选择"> -->
												<!-- <i class="el-icon-circle-close close_icon" v-if="faultTypename!=''"
													@click="faultTypename='';info.faultTypeId=''"></i> -->

												<span class="iconfont icon-list"
													@click="alert_show2=true;dtype='add';getrooms2()"></span>
											</div>
										</div>

										<div class="form-group pl-160 pr-40">
											<label>说明：</label>
											<textarea class="form-control" v-model="info.illustrate" maxlength="1000"
												style="height: 75px;padding-bottom: 20px;" @input="changenum"
												placeholder="这里输入故障信息，如：住院号，IP地址，条码号等信息"></textarea>
											<div class="numslen">{{numlen}}/1000</div>
										</div>
										<div class="form-group pl-160 pr-40">
											<label><em class="red">*</em>故障描述：</label>
											<div class="input-cont">
												<input type="text" class="form-control" v-model="info.faultDescription"
													maxlength="200" placeholder="支持知识库引用，常用语选择，直接输入等方式">
												<span class="iconfont icon-list" @click="gorepo"></span>
											</div>
											<div class="biaoq">
												<span v-for="item,index in phraseList" v-if="index < 5">
													<span @click="select_con(item.brief)">{{item.brief}}</span>
												</span>

												<span class="iconfont icon-shenglve more"
													@click="phraseshow=true"></span>
											</div>
										</div>

										<div class="form-group pl-160 pr-40" v-if="group && group!='false'">
											<label>工单分组：</label>
											<div class="input-cont">
												<el-select clearable v-model="group_value" placeholder="请选择">
													<el-option v-for="item in group_options" :key="item.id"
														:label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</div>
										<div class="form-group pl-160 mb0">
											<label>来源：</label>
											<div class="radio">
												<div>
													<input type="radio" v-model="info.sourceId" name="sourceId"
														value="1" checked id="g">
													<label for="g"></label>
													<span @click="info.sourceId=1">电话报修</span>
												</div>
												<div>
													<input type="radio" v-model="info.sourceId" name="sourceId"
														value="2" checked id="h">
													<label for="h"></label>
													<span @click="info.sourceId=2">上门报修</span>
												</div>
												<div>
													<input type="radio" v-model="info.sourceId" name="sourceId"
														value="3" checked id="i">
													<label for="i"></label>
													<span @click="info.sourceId=3">补录</span>
												</div>
												<div>
													<input type="radio" v-model="info.sourceId" name="sourceId"
														value="4" checked id="j">
													<label for="j"></label>
													<span @click="info.sourceId=4">微信报修</span>
												</div>
												<div>
													<input type="radio" v-model="info.sourceId" name="sourceId"
														value="5" checked id="k">
													<label for="k"></label>
													<span @click="info.sourceId=5">电脑报修</span>
												</div>
											</div>
										</div>
										<div class="form-group pl-160 mb0">
											<label>紧急程度：</label>
											<div class="radio">
												<div>
													<input type="radio" v-model="info.emergenceId" name="emergenceId"
														value="1" checked id="n">
													<label for="n"></label>
													<span @click="info.emergenceId=1">常规处理</span>
												</div>
												<div>
													<input type="radio" v-model="info.emergenceId" name="emergenceId"
														value="2" checked id="m">
													<label for="m"></label>
													<span @click="info.emergenceId=2">较紧急</span>
												</div>
												<div>
													<input type="radio" v-model="info.emergenceId" name="emergenceId"
														value="3" checked id="l">
													<label for="l"></label>
													<span @click="info.emergenceId=3">非常紧急</span>
												</div>
											</div>
										</div>
										<div class="form-group pl-160">
											<label>影响范围：</label>
											<div class="radio">
												<div>
													<input type="radio" v-model="info.rangeId" name="rangeId" value="1"
														checked id="o">
													<label for="o"></label>
													<span @click="info.rangeId=1">个人事件</span>
												</div>
												<div>
													<input type="radio" v-model="info.rangeId" name="rangeId" value="2"
														checked id="p">
													<label for="p"></label>
													<span @click="info.rangeId=2">科室事件</span>
												</div>
												<div>
													<input type="radio" v-model="info.rangeId" name="rangeId" value="3"
														checked id="q">
													<label for="q"></label>
													<span @click="info.rangeId=3">多科室事件</span>
												</div>
												<div>
													<input type="radio" v-model="info.rangeId" name="rangeId" value="4"
														checked id="r">
													<label for="r"></label>
													<span @click="info.rangeId=4">全院事件</span>
												</div>
											</div>
										</div>

										<div class="row">
											<div class="col-sm-12">
												<div class="form-group pl-160 pr-40">
													<label>故障设备：</label>
													<div class="input-cont">
														<input type="text" v-model="info.faultEquipment"
															class="form-control" placeholder="请输入设备名称">
													</div>
												</div>
											</div>
										</div>
										<div class="form-group pl-160">
											<label>附件上传：</label>
											<div class="check_li_r">
												<el-upload class="upload-demo" ref="upload"
													:headers="{'Authorization':token}" :action="$url+'/file/upload'"
													:show-file-list="false" :file-list="fileList3"
													:before-upload="beforeUpload" :on-success="uploadsuc3"
													:multiple="true" :auto-upload="true">
													<div class="upload_btn">
														<img src="@/assets/images/upload.png" alt="">点击上传
													</div>
												</el-upload>
												<div class="upload_list">
													<div class="up_li" v-for="item,index in files3">
														<div class="file_name">
															<div class="file_name_left"><img
																	src="@/assets/images/upload.png" alt="">{{item}}
															</div>
															<div class="file_name_right">
																<div class="file_check" @click="check_file($url+item)">
																	查看
																</div>
																<div class="file_del" @click="del_file3(index)">
																	删除
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>

										<div class="modal-footer tcent">
											<button class="btn btn-primary" @click="showData"><span
													class="iconfont icon-add"></span>{{info.id?'修改工单':'创建工单'}}</button>
											<button class="btn btn-success" @click="showData('1')"
												v-if="!info.servicemanId"><span
													class="iconfont icon-wode"></span>由我处理</button>
											<!-- <button class="btn btn-green2"><span
														class="iconfont icon-dianhua"></span>电话已解决</button> -->
										</div>

										<!-- </form> -->
									</div>
									<div class="Scont" v-if="basic==1">
										<p>此处是更多信息</p>
									</div>
								</div>
								<!-- 		<div class="col-sm-3">
									<ul class="Smenu clear m3">
										<li :class="type==0?'active':''" @click="type=0"><a href="#">科室</a></li>
										<li :class="type==1?'active':''" @click="type=1"><a href="#">全部</a></li>
										<li :class="type==2?'active':''" @click="type=2"><a href="#">知识库</a></li>
									</ul>
									<div class="Scont" v-if="type==0">
										<p>科室科室科室</p>
									</div>
									<div class="Scont" v-if="type==1">
										<p>全部全部全部</p>
									</div>
									<div class="Scont" v-if="type==2">
										<p>知识库知识库知识库</p>
									</div>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!--查看-->
		<div :class="showinfo?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="showinfo?'display: block;z-index:199':''" id="sendOrder">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>查看工单
							<div class="right" @click="showinfo=false;type=0;showSendOrder=true">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<div class="modal-body h100 check_box">
							<div class="check_alert_box" style="height: calc(100vh - 180px);">
								<div class="check_alert_left">
									<h3 class="tit">报修信息 <span class="tip_check" v-if="orderinfo.stateStr=='暂停处理'"><img
												src="@/assets/images/pause.png" alt="">暂停处理</span></h3>
									<div class="check_list">
										<div class="check_lis">
											<div class="check_li_l">报修科室:</div>
											<div class="check_li_r">{{orderinfo.departName}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">报修人:</div>
											<div class="check_li_r">{{orderinfo.commitUserName}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障分类:</div>
											<div class="check_li_r">{{orderinfo.faultType}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">IP地址:</div>
											<div class="check_li_r" style="display: flex;align-items: center;">
												{{orderinfo.ip}}
												<a v-if="orderinfo.ip" :href="'/yuan.html?ip='+orderinfo.ip"
													target="_blank" class="goyuan">
													<img src="@/assets/images/yuan.png" alt="">
													远程协助
												</a>
											</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障描述:</div>
											<div class="check_li_r org_cor">{{orderinfo.faultDescription}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">说明:</div>
											<div class="check_li_r org_cor">{{orderinfo.illustrate}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障设备:</div>
											<div class="check_li_r org_cor">{{orderinfo.faultEquipment}}</div>
										</div>
									</div>

									<h3 class="tit">处理信息</h3>
									<div class="check_list">
										<div class="check_lis">
											<div class="check_li_l">处理人:</div>
											<div class="check_li_r">{{orderinfo.servicemanName}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障原因:</div>
											<div class="check_li_r">{{orderinfo.faultCause}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">事件原因:</div>
											<div class="check_li_r" v-if="orderinfo.resultEntity">
												{{orderinfo.resultEntity.causeOf}}
											</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">处理过程:</div>
											<div class="check_li_r" v-if="orderinfo.strings">
												<div v-for="item,index in orderinfo.strings">{{index+1}}.{{item}}</div>
											</div>
										</div>
										<div class="check_lis" v-if="orderinfo.stateStr=='已评价'">
											<div class="check_li_l">评价:</div>
											<div class="check_li_r">{{orderinfo.gdAppraise.opinion}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">绩效分:</div>
											<div class="check_li_r">{{orderinfo.score}}</div>
										</div>
									</div>

								</div>
								<div class="check_alert_right">
									<ul class="Smenu clear m3">
										<li :class="type==0?'active':''" @click="type=0"><a href="#">工单信息</a></li>
										<li :class="type==1?'active':''" @click="type=1;audioinit(0)"><a
												href="#">处理流程</a></li>
									</ul>
									<div class="Scont" v-if="type==0">
										<table>
											<tr>
												<td>报修时间：</td>
												<td>{{orderinfo.createDate}}</td>
											</tr>
											<tr>
												<td>工单编号：</td>
												<td>{{orderinfo.code}}</td>
											</tr>
											<tr>
												<td>报修人：</td>
												<td>{{orderinfo.commitUserName}}</td>
											</tr>
											<tr>
												<td>报修方式：</td>
												<td>{{orderinfo.repairTypeId==3?'终端报修':orderinfo.repairTypeName}}</td>
											</tr>
											<tr>
												<td>报修人电话：</td>
												<td>{{orderinfo.phoneNo}}</td>
											</tr>
											<tr>
												<td>报修地址：</td>
												<td>{{orderinfo.address}}</td>
											</tr>
											<tr>
												<td>紧急程度：</td>
												<td>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==1">常规处理</div>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==2">较紧急</div>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==3">非常紧急</div>
												</td>
											</tr>
											<tr>
												<td>影响范围：</td>
												<td>
													<div class="tip_fw">{{orderinfo.range}}</div>
												</td>
											</tr>
											<tr>
												<td>是否重复维修：</td>
												<td>{{orderinfo.isRepeat?'是':'否'}}</td>
											</tr>
											<tr>
												<td>建单人：</td>
												<td>{{orderinfo.createName}}</td>
											</tr>
											<!-- <tr>
												<td>建单时间：</td>
												<td>{{orderinfo.createDate}}</td>
											</tr> -->
											<tr v-if="checked">
												<td>所属系统：</td>
												<td>{{orderinfo.sysSonName}}</td>
											</tr>
											<tr>
												<td>来源：</td>
												<td v-if="orderinfo.sourceId==1">电话报修</td>
												<td v-if="orderinfo.sourceId==2">上门报修</td>
												<td v-if="orderinfo.sourceId==3">补录</td>
												<td v-if="orderinfo.sourceId==4">微信报修</td>
												<td v-if="orderinfo.sourceId==5">电脑报修</td>
											</tr>
											<tr>
												<td>转交人信息：</td>
												<td>{{orderinfo.transmitInfo}}</td>
											</tr>
											<tr v-if="orderinfo.helperName">
												<td>协助人：</td>
												<td>{{orderinfo.helperName}}</td>
											</tr>
										</table>
									</div>
									<div class="Scont" v-if="type==1">
										<div class="time_line_box">
											<h2 class="tcent" v-if="orderinfo.historyEntityList == null">暂时没有数据</h2>
											<div class="time_line" v-else>
												<div class="time_line_line"></div>
												<div class="time_line_li"
													v-for="item,index in orderinfo.historyEntityList">
													<div class="time_line_time">{{item.createDate}}</div>
													<div class="time_line_cur"></div>
													<div class="time_line_right">
														<div class="time_line_tip">{{item.typeName}}</div>
														<div class="time_line_text">
															<span class="gre">{{item.createName}} </span>

															<span
																v-if="orderinfo.tape&&index==orderinfo.historyEntityList.length-1">
																<div class="info_vid" @click="playaud=!playaud">
																	<div class="wifi-symbol" v-if="playaud">
																		<div class="wifi-circle first"></div>
																		<div class="wifi-circle second"></div>
																		<div class="wifi-circle third"></div>
																	</div>
																	<img src="@/assets/images/vid.png" v-else alt="">
																	{{duration}}"
																</div>
																<audio :src="$url+orderinfo.tape" ref="aud"
																	@canplay="audioinit(0)"></audio>
															</span>

															<span v-if="item.expressStr">原因：{{item.expressStr}}; </span>
															<span v-if="item.remark"><span
																	v-if="item.typeName!='已派单' && item.typeName!='已报修'">说明：</span>{{item.remark}};</span>
															<div style="white-space: nowrap;"
																v-if="item.enclosure.length >0 && index!=orderinfo.historyEntityList.length-1">
																附件：
															</div>
															<div class="papers" style="padding-left: 0;"
																v-if="item.enclosure&&index!=orderinfo.historyEntityList.length-1"
																v-for="item2 in item.enclosure">
																<!-- <div @click="check_file($url+'/'+item2.url)"
																	style="width: 100%;word-break: break-all;">
																	{{item2.name}}
																</div> -->
																<el-image v-if="chackfile(item2.name)=='img'"
																	style="width: 50px; height: 50px"
																	:src="$url +'/' +item2.url"
																	:preview-src-list="item.enclosureList">
																</el-image>
																<div v-if="chackfile(item2.name)!='img'"
																	@click="check_file($url +'/'+item2.url)"
																	style="width: 100%;word-break: break-all;">
																	{{item2.name}}
																</div>
															</div>

															<div
																v-if="orderinfo.photoUrls&&index==orderinfo.historyEntityList.length-1">
																<div style="white-space: nowrap;"
																	v-if="orderinfo.photoUrls.length>0">附件：</div>
																<div class="papers" style="padding-left: 0;"
																	v-for="item3 in orderinfo.photoUrls">
																	<!-- <img :src="$url+'/' +item3.url" alt=""> -->
																	<el-image v-if="chackfile(item3.url)=='img'"
																		style="width: 50px; height: 50px"
																		:src="$url+'/' +item3.url"
																		:preview-src-list="photolist">
																	</el-image>
																	<div v-if="chackfile(item3.url)!='img'"
																		@click="check_file($url+'/' +item3.url)"
																		style="width: 100%;word-break: break-all;">
																		{{item3.url}}
																	</div>
																</div>
															</div>

														</div>
													</div>
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--选择科室弹窗-->
		<div :class="alert_show?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show?'display: block;z-index:200':''">
			<div class="cent w600"
				style="justify-content: center;width: 600px;height: calc(100% - 312px);margin: 156px auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>选择科室
							<div class="right" @click="alert_show=false;roomsearch = '';getallrooms()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height: calc(100vh - 500px);">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input class="form-control" autocomplete="off" @keydown.enter="getallrooms"
										placeholder="输入关键字" v-model="roomsearch">

									<div style="margin-left: 10px;" class="btn btn-success" @click="getallrooms">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>
							</div>
							<div class="treelist" v-if="roomsearch">
								<div v-if="allrooms.length > 0">
									<div class="li" v-for="item in allrooms" @click="sear_choserome(item)">
										{{item.name}}
									</div>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="roomsearch==''?'display:block':'display:none'">
								<ul id="treeDemo" class="ztree" @select="choseroom"></ul>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show=false;roomsearch = '';getallrooms()">确定</button>
							<button class="btn btn-info"
								@click="alert_show=false;roomsearch = '';getallrooms()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--选择工程师弹窗-->
		<div :class="alert_enger?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_enger?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600"
				style="justify-content: center;width: 712px !important;height: 70vh;margin-top: calc(15vh - 50px);">
				<div class="modal-dialog" role="document" style="width: 100%;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>工程师选择
							<div class="right" @click="alert_enger=false;engid=''">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: calc(70vh - 138px);">
							<div class="chosed">已选择：{{enrname}}</div>

							<!-- 	<div class="al_box">
								<div class="enr_title">常用联系人 <span>设置</span></div>
								<div class="enr_list">没有常用联系人</div>
							</div> -->

							<div class="al_box" v-for="item in enrlist">
								<div class="enr_title">{{item.name}}</div>

								<el-checkbox-group v-model="engids" v-if="etype == 'xz'">
									<div class="enr_list">
										<div class="enr_li" v-for="item2 in item.children">
											<el-checkbox :label="item2.id" :value="item2.id">{{item2.realName}}
											</el-checkbox>
											<!-- <input type="checkbox" name="choses" @change="choseeng(item2)" :value="item2.id"
											v-model="engid" :id="item2.realName+item2.id"><label
											:for="item2.realName+item2.id"></label>
										<label :for="item2.realName+item2.id"
											style="margin-bottom: 0;">{{item2.realName}}</label> -->
										</div>
									</div>
								</el-checkbox-group>
								<div class="enr_list" v-else>
									<div class="enr_li" v-for="item2 in item.children">
										<input type="radio" name="choses" @change="choseeng(item2)" :value="item2.id"
											v-model="engid" :id="item2.realName+item2.id"><label
											:for="item2.realName+item2.id"></label>
										<label :for="item2.realName+item2.id"
											style="margin-bottom: 0;">{{item2.realName}}</label>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="sure_eng">确定</button>
							<button class="btn btn-info close_eng" @click="alert_enger=false;engid=''">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--故障分类弹窗-->
		<div :class="alert_show2?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show2?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 600px;margin: 103px auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>故障分类
							<div class="right" @click="alert_show2=false;typesearch = '';gettypetree(sysids)">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height: calc(100vh - 400px)">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input class="form-control" autocomplete="off" @keydown.enter="gettypetree"
										placeholder="输入关键字" v-model="typesearch">

									<div style="margin-left: 10px;" class="btn btn-success"
										@click="gettypetree(sysids)">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>
							</div>
							<div class="treelist" v-if="typesearch">
								<div v-if="typetree.length > 0">
									<block v-for="item in typetree">
										<div class="li" @click="sear_chosetype(item)" v-if="item.parentId > 0">
											{{item.treeLoad}}
										</div>
									</block>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="typesearch==''?'display:block':'display:none'">
								<ul id="treeDemo2" class="ztree" @select="choseroom2"></ul>
							</div>

						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show2=false;typesearch = '';gettypetree()">确定</button>
							<button class="btn btn-info"
								@click="alert_show2=false;typesearch = '';gettypetree()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--故障原因弹窗-->
		<div :class="alert_show3?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show3?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 600px;margin: 103px auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>故障原因
							<div class="right" @click="alert_show3=false;coursesearch='';getcoursetree()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height: calc(100vh - 400px)">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input autocomplete="off" class="form-control" @keydown.enter="getcoursetree"
										placeholder="输入关键字" v-model="coursesearch">

									<div style="margin-left: 10px;" class="btn btn-success" @click="getcoursetree">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>

							</div>
							<div class="treelist" v-if="coursesearch">
								<div v-if="coursetree.length > 0">
									<div class="li" v-for="item in coursetree" @click="sear_chosecourse(item)">
										{{item.name}}
									</div>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="coursesearch == ''?'display:block':'display:none'">
								<ul id="treeDemo3" class="ztree" @select="choseroom3"></ul>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show3=false;coursesearch='';getcoursetree()">确定</button>
							<button class="btn btn-info"
								@click="alert_show3=false;coursesearch='';getcoursetree()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!--终止工单-->
		<div :class="showstop?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="showstop?'display: block;z-index:199':''" id="sendOrder">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">

						<div class="zzc" v-if="showzzc && alerttype=='prause'" @click="close"
							style="top: -62px;left: calc(-50vw + 43%);z-index: 4000;"></div>
						<div class="modal-header tit">
							<em></em>
							<span v-if="alerttype=='stop'">终止工单</span>
							<span v-else-if="alerttype=='back'">退回工单</span>
							<span v-else-if="alerttype=='turn'">转交工单</span>
							<span v-else-if="alerttype=='prause'">暂停工单</span>
							<div class="right" @click="closestop">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<div class="modal-body h100 check_box stop_box">
							<div class="lc">
								<div>
									<div :class="orderinfo.stateId>=1?'lc_1':'lc_2'">
										<img src="@/assets/images/dui2.png" alt="">
									</div>
									<div class="lc_text">报修</div>
								</div>

								<div v-if="orderinfo.stateId==1" class="lc_heng_ban"></div>
								<div v-if="orderinfo.stateId==1" class="lc_kong_ban"></div>
								<div v-if="orderinfo.stateId>=2" class="lc_heng"></div>

								<div>
									<div :class="orderinfo.stateId>=2?'lc_1':'lc_2'">2</div>
									<div class="lc_text">派单</div>
								</div>

								<div v-if="orderinfo.stateId<=1" class="lc_kong"></div>
								<div v-if="orderinfo.stateId==2" class="lc_heng_ban"></div>
								<div v-if="orderinfo.stateId==2" class="lc_kong_ban"></div>
								<div v-if="orderinfo.stateId>=3" class="lc_heng"></div>

								<div>
									<div :class="orderinfo.stateId>=3?'lc_1':'lc_2'">3</div>
									<div class="lc_text">处理</div>
								</div>

								<div v-if="orderinfo.stateId<=2" class="lc_kong"></div>
								<div v-if="orderinfo.stateId==3" class="lc_heng_ban"></div>
								<div v-if="orderinfo.stateId==3" class="lc_kong_ban"></div>
								<div v-if="orderinfo.stateId>=4" class="lc_heng"></div>

								<div>
									<div :class="orderinfo.stateId>=4?'lc_1':'lc_2'">4</div>
									<div class="lc_text">评价审核</div>
								</div>

								<div v-if="orderinfo.stateId<=3" class="lc_kong"></div>
								<div v-if="orderinfo.stateId==4" class="lc_heng_ban"></div>
								<div v-if="orderinfo.stateId==4" class="lc_kong_ban"></div>
								<div v-if="orderinfo.stateId>=5" class="lc_heng"></div>

								<div>
									<div :class="orderinfo.stateId>=5?'lc_1':'lc_2'">5</div>
									<div class="lc_text">完成</div>
								</div>
							</div>

							<div class="check_alert_box" style="height: calc(100vh - 384px);">
								<div class="check_alert_left">
									<h3 class="tit" style="justify-content: space-between;">工单处理
										<!-- <div class="time_tip">响应耗时:0秒,处理耗时:19天5小时,总耗时:19天5小时</div> -->
									</h3>
									<div class="check_list">
										<!-- 服务台终止 -->
										<div v-if="alerttype=='stop'">
											<div class="check_lis res">
												<div class="check_li_l" style="margin-bottom: 10px;">
													<span>*</span>终止原因:
												</div>
												<div class="radio" v-if="stopreslist.length == 0">暂无终止原因可选择，请先添加
												</div>
												<div class="radio" v-else>
													<div v-for="item in stopreslist" style="margin-bottom: 10px;">
														<input type="radio" v-model="expressId" name="result"
															:value="item.id" :id="'res'+item.id">
														<label :for="'res'+item.id"></label>
														<label :for="'res'+item.id"
															class="res_text">{{item.brief}}</label>
													</div>
												</div>
											</div>
											<div class="check_lis res">
												<div class="check_li_l">说明:</div>
												<div class="check_li_r">
													<textarea name="" v-model="illustrate" placeholder="这里输入终止工单的说明"
														id=""></textarea>
												</div>
											</div>
										</div>
										<!-- 工单处理 -->
										<div v-if="alerttype=='do'">
											<div class="order_tab">
												<div :class="order_tab==0?'order_tab1 order_tab_act':'order_tab1'"
													v-if="orderinfo.servicemanId == uid" @click="changeradio(0)">
													<img src="@assets/images/selected.png" v-if="order_tab==0" alt="">
													<img src="@assets/images/select.png" v-if="order_tab==1" alt="">
													<label for="order_tab1" class="res_text">处理完成工单结束</label>
												</div>
												<div :class="order_tab==1?'order_tab1 order_tab_act':'order_tab1'"
													@click="changeradio(1)">
													<img src="@assets/images/selected.png" v-if="order_tab==1" alt="">
													<img src="@assets/images/select.png" v-if="order_tab==0" alt="">
													<label for="order_tab2" class="res_text">未处理完，以后再处理</label>
												</div>
											</div>

											<div class="otleft" v-if="order_tab==0">
												<div class="check_lis res">
													<div class="check_li_l">故障分类:</div>
													<div class="input-cont">
														<el-autocomplete class="inline-input" v-model="faultTypename"
															@change="info2.faultTypeId='';isclick3=false"
															value-key="name" :fetch-suggestions="querySearch"
															placeholder="支持五笔、拼音、名字搜索，右侧按钮选择" @select="handleSelect">
														</el-autocomplete>
														<span class="iconfont icon-list"
															@click="alert_show2=!alert_show2;getrooms2();"></span>
													</div>
												</div>
												<div class="check_lis res">
													<div class="check_li_l">故障原因:</div>
													<div class="input-cont">
														<el-autocomplete class="inline-input" v-model="faultCausename"
															@change="info2.faultCauseId='';isclick4=false"
															value-key="name" :fetch-suggestions="querySearch2"
															placeholder="支持五笔、拼音、名字搜索，右侧按钮选择" @select="handleSelect2">
														</el-autocomplete>
														<span class="iconfont icon-list"
															@click="alert_show3=!alert_show3;getrooms3()"></span>
													</div>
												</div>
												<div class="check_lis res">
													<div class="check_li_l">设备状态:</div>
													<div class="radio">
														<div>
															<input type="radio" v-model="info2.deviceState"
																name="stop_status" value="1" id="stop_status1">
															<label for="stop_status1"></label>
															<label for="stop_status1" class="res_text">工作正常</label>
														</div>
														<div>
															<input type="radio" v-model="info2.deviceState"
																name="stop_status" value="2" id="stop_status2">
															<label for="stop_status2"></label>
															<label for="stop_status2" class="res_text">基本正常</label>
														</div>
														<div>
															<input type="radio" v-model="info2.deviceState"
																name="stop_status" value="3" id="stop_status3">
															<label for="stop_status3"></label>
															<label for="stop_status3" class="res_text">建议报废</label>
														</div>
													</div>
												</div>
												<div class="check_lis res">
													<div class="check_li_l">解决方式:</div>
													<div class="radio">
														<div>
															<input type="radio" v-model="info2.way" name="stop_type"
																value="1" id="stop_type1">
															<label for="stop_type1"></label>
															<label for="stop_type1" class="res_text">电话</label>
														</div>
														<div>
															<input type="radio" v-model="info2.way" name="stop_type"
																value="2" id="stop_type2">
															<label for="stop_type2"></label>
															<label for="stop_type2" class="res_text">远程</label>
														</div>
														<div>
															<input type="radio" v-model="info2.way" name="stop_type"
																value="3" id="stop_type3">
															<label for="stop_type3"></label>
															<label for="stop_type3" class="res_text">现场</label>
														</div>
														<div>
															<input type="radio" v-model="info2.way" name="stop_type"
																value="4" id="stop_type4">
															<label for="stop_type4"></label>
															<label for="stop_type4" class="res_text">送修</label>
														</div>
													</div>
												</div>

												<div class="check_lis res">
													<div class="check_li_l">处理过程:</div>
													<div class="check_li_r" style="position: relative;">
														<textarea name="" v-model="info2.process" placeholder="这里输入处理过程"
															maxlength="500" @input="changenum2"
															style="padding-bottom: 20px;" id=""></textarea>
														<div class="numslen" style="right: 18px;">{{numlen2}}/500</div>
													</div>
												</div>
												<div class="check_lis res">
													<div class="check_li_l">事件原因:</div>
													<div class="check_li_r">
														<textarea name="" style="height: 60px;top: 5px;"
															v-model="info2.causeOf" placeholder="这里输入详细的事件原因"
															id=""></textarea>
													</div>
												</div>
												<div class="check_lis res">
													<div class="check_li_l">附件上传:</div>
													<div class="check_li_r">
														<el-upload class="upload-demo" ref="upload"
															:headers="{'Authorization':token}"
															:action="$url+'/file/upload'" :show-file-list="false"
															:file-list="fileList" :on-success="uploadsuc"
															:before-upload="beforeUpload1" :multiple="true"
															:auto-upload="true">
															<div class="upload_btn">
																<img src="@/assets/images/upload.png" alt="">点击上传
															</div>
														</el-upload>
														<div class="upload_list">
															<div class="up_li" v-for="item,index in files">
																<div class="file_name">
																	<div class="file_name_left"><img
																			src="@/assets/images/upload.png"
																			alt="">{{item}}
																	</div>
																	<div class="file_name_right">
																		<div class="file_check"
																			@click="check_file($url +item)">查看
																		</div>
																		<div class="file_del" @click="del_file(index)">
																			删除
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>

											<div class="otleft" v-if="order_tab==1">
												<div class="check_lis res">
													<div class="check_li_l">处理过程:</div>
													<div class="check_li_r" style="position: relative;">
														<textarea name="" v-model="remark" placeholder="这里输入处理过程"
															maxlength="500" @input="changenum3"
															style="padding-bottom: 20px;" id=""></textarea>
														<div class="numslen" style="right: 18px;">{{numlen3}}/500</div>
													</div>
												</div>
												<div class="check_lis res">
													<div class="check_li_l">附件上传:</div>
													<div class="check_li_r">
														<el-upload class="upload-demo" ref="upload"
															:headers="{'Authorization':token}"
															:action="$url+'/file/upload'" :show-file-list="false"
															:file-list="fileList2" :on-success="uploadsuc2"
															:before-upload="beforeUpload2" :multiple="true"
															:auto-upload="true">
															<div class="upload_btn">
																<img src="@/assets/images/upload.png" alt="">点击上传
															</div>
														</el-upload>
														<div class="upload_list">
															<div class="up_li" v-for="item,index in files2">
																<div class="file_name">
																	<div class="file_name_left"><img
																			src="@/assets/images/upload.png"
																			alt="">{{item}}
																	</div>
																	<div class="file_name_right">
																		<div class="file_check"
																			@click="check_file($url+'/'+item)">查看
																		</div>
																		<div class="file_del" @click="del_file2(index)">
																			删除
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>

											</div>

										</div>

										<!-- 暂停工单 -->
										<div class="back_res" v-if="alerttype=='prause'">
											<div class="check_lis res">
												<div class="check_li_l"><span>*</span>暂停原因:</div>
												<div class="select_box">
													<div class="form-control" id="select"
														@click="options_show=!options_show;showzzc=!showzzc">
														<div :style="typename=='选择暂停原因'?'color: #999;':''">
															{{typename}}
														</div>
														<img src="../../assets/images/down.png" alt="">
													</div>
													<div class="options" v-if="options_show">
														<div class="option" style="color: #999;">选择暂停原因</div>
														<!-- <div class="option" @click="selectit('all')">全部</div> -->
														<div class="option" @click="selectit(index)"
															v-for="item,index in prauseList">{{item.brief}}</div>
													</div>
												</div>
											</div>
											<div class="check_lis res">
												<div class="check_li_l">说明:</div>
												<div class="check_li_r">
													<textarea name="" v-model="illustrate" placeholder="这里输入处理过程"
														id=""></textarea>
												</div>
											</div>
										</div>

										<!-- 转交工单 -->
										<div class="back_res" v-if="alerttype=='turn'">
											<div class="check_lis res">
												<div class="check_li_l"><span>*</span>工程师:</div>
												<div class="check_li_r">
													<div class="eng_tip"
														@click="alert_enger=true;etype='eng';getenrlist()">
														{{enrname}}
													</div>
													<img src="@/assets/images/org_close.png" v-if="enrname!='请选择工程师'"
														@click="enrname='请选择工程师'" alt="">
												</div>
											</div>
											<div class="check_lis res">
												<div class="check_li_l">转交原因:</div>
												<div class="radio">
													<div v-for="item in turnList">
														<input type="radio" v-model="turnresult" name="turnresult"
															:value="item.id" :id="'turnres'+item.id">
														<label :for="'turnres'+item.id"></label>
														<label :for="'turnres'+item.id"
															class="res_text">{{item.brief}}</label>
													</div>
												</div>
											</div>
											<div class="check_lis res">
												<div class="check_li_l">说明:</div>
												<div class="check_li_r">
													<textarea name="" v-model="illustrate"
														placeholder="这里输入说明，如转交需要交接的事情，转交的原因等" id=""></textarea>
												</div>
											</div>
										</div>

										<!-- 退回服务台 -->
										<div class="back_res" v-if="alerttype=='back'">
											<div class="check_lis res">
												<div class="check_li_l">退回原因:</div>
												<div class="radio">
													<div v-for="item in backList">
														<input type="radio" v-model="backresult" name="backresult"
															:value="item.id" :id="'backres'+item.id">
														<label :for="'backres'+item.id"></label>
														<label :for="'backres'+item.id"
															class="res_text">{{item.brief}}</label>
													</div>
												</div>
											</div>
											<div class="check_lis res">
												<div class="check_li_l">说明:</div>
												<div class="check_li_r">
													<textarea name="" v-model="illustrate" placeholder="这里输入说明"
														id=""></textarea>
												</div>
											</div>
										</div>
									</div>

									<div class="stop_btn">
										<div class="stopbtn" v-if="alerttype=='stop'" @click="stoporder">
											<img src="@/assets/images/stop.png" alt="">终止工单
										</div>
										<div class="stopbtn" v-if="alerttype=='prause'" @click="prauseorder(4);">
											<img src="@/assets/images/stop.png" alt="">暂停处理
										</div>
										<div class="stopbtn" v-if="alerttype=='turn'" @click="turnorder">
											<img src="@/assets/images/backser.png" alt="">转交
										</div>
										<div class="stopbtn" v-if="alerttype=='back'" @click="backorder">
											<img src="@/assets/images/backser.png" alt="">返回到服务台
										</div>
										<div class="stopbtn" v-if="alerttype=='do'" @click="doorder">
											<img src="@/assets/images/done.png" alt="">{{order_tab==0?'完成':'确定'}}
										</div>

									</div>
								</div>
								<div class="check_alert_right">
									<ul class="Smenu clear m3">
										<li :class="type==0?'active':''" @click="type=0"><a href="#">工单信息</a></li>
										<li :class="type==1?'active':''" @click="type=1;audioinit(1)"><a
												href="#">处理流程</a></li>
									</ul>
									<div class="Scont" v-if="type==0">
										<table>
											<tr>
												<td>报修时间：</td>
												<td>{{orderinfo.createDate}}</td>
											</tr>
											<tr>
												<td>工单编号：</td>
												<td>{{orderinfo.code}}</td>
											</tr>
											<tr>
												<td>报修人：</td>
												<td>{{orderinfo.commitUserName}}</td>
											</tr>
											<tr>
												<td>报修方式：</td>
												<td>{{orderinfo.repairTypeId==3?'终端报修':orderinfo.repairTypeName}}</td>
											</tr>
											<tr>
												<td>报修人电话：</td>
												<td>{{orderinfo.phoneNo}}</td>
											</tr>
											<tr>
												<td>报修地址：</td>
												<td>{{orderinfo.address}}</td>
											</tr>
											<tr>
												<td>紧急程度：</td>
												<td>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==1">常规处理</div>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==2">较紧急</div>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==3">非常紧急</div>
												</td>
											</tr>
											<tr>
												<td>影响范围：</td>
												<td>
													<div class="tip_fw">{{orderinfo.range}}</div>
												</td>
											</tr>
											<tr>
												<td>是否重复维修：</td>
												<td>{{orderinfo.isRepeat?'是':'否'}}</td>
											</tr>
											<tr>
												<td>建单人：</td>
												<td>{{orderinfo.createName}}</td>
											</tr>
											<!-- <tr>
												<td>建单时间：</td>
												<td>{{orderinfo.createDate}}</td>
											</tr> -->
											<tr v-if="checked">
												<td>所属系统：</td>
												<td>{{orderinfo.sysSonName}}</td>
											</tr>
											<tr>
												<td>来源：</td>
												<td v-if="orderinfo.sourceId==1">电话报修</td>
												<td v-if="orderinfo.sourceId==2">上门报修</td>
												<td v-if="orderinfo.sourceId==3">补录</td>
												<td v-if="orderinfo.sourceId==4">微信报修</td>
												<td v-if="orderinfo.sourceId==5">电脑报修</td>
											</tr>
											<tr>
												<td>转交人信息：</td>
												<td>{{orderinfo.transmitInfo}}</td>
											</tr>
											<tr v-if="orderinfo.helperName">
												<td>协助人：</td>
												<td>{{orderinfo.helperName}}</td>
											</tr>
										</table>
									</div>
									<div class="Scont" v-if="type==1">
										<div class="time_line_box">
											<h2 class="tcent" v-if="orderinfo.historyEntityList == null">暂时没有数据</h2>
											<div class="time_line" v-else>
												<div class="time_line_line"></div>
												<div class="time_line_li"
													v-for="item,index in orderinfo.historyEntityList">
													<div class="time_line_time">{{item.createDate}}</div>
													<div class="time_line_cur"></div>
													<div class="time_line_right">
														<div class="time_line_tip">{{item.typeName}}</div>
														<div class="time_line_text">
															<span class="gre">{{item.createName}} </span>

															<span
																v-if="orderinfo.tape&&index==orderinfo.historyEntityList.length-1">
																<div class="info_vid" @click="playaud2=!playaud2">
																	<div class="wifi-symbol" v-if="playaud2">
																		<div class="wifi-circle first"></div>
																		<div class="wifi-circle second"></div>
																		<div class="wifi-circle third"></div>
																	</div>
																	<img src="@/assets/images/vid.png" v-else alt="">
																	{{duration}}"
																</div>
																<audio :src="$url+orderinfo.tape" ref="aud2"
																	@canplay="audioinit(1)"></audio>
															</span>

															<span v-if="item.expressStr">原因：{{item.expressStr}};
															</span>
															<span v-if="item.remark"><span
																	v-if="item.typeName!='已派单' && item.typeName!='已报修'">说明：</span>{{item.remark}};</span>
															<div style="white-space: nowrap;"
																v-if="item.enclosure.length >0 && index!=orderinfo.historyEntityList.length-1">
																附件：
															</div>
															<div class="papers" style="padding-left: 0;"
																v-if="item.enclosure && index!=orderinfo.historyEntityList.length-1"
																v-for="item2 in item.enclosure">
																<!-- <div @click="check_file($url+'/'+item2.url)"
																	style="width: 100%;word-break: break-all;">
																	{{item2.name}}
																</div> -->
																<el-image v-if="chackfile(item2.name)=='img'"
																	style="width: 50px; height: 50px"
																	:src="$url +'/'+item2.url"
																	:preview-src-list="item.enclosureList">
																</el-image>
																<div v-if="chackfile(item2.name)!='img'"
																	@click="check_file($url +'/'+item2.url)"
																	style="width: 100%;word-break: break-all;">
																	{{item2.name}}
																</div>
															</div>

															<div
																v-if="orderinfo.photoUrls&&index==orderinfo.historyEntityList.length-1">
																<div style="white-space: nowrap;">附件：</div>
																<div class="papers" style="padding-left: 0;"
																	v-for="item3 in orderinfo.photoUrls">
																	<!-- <img :src="$url+'/' +item3.url" alt=""> -->
																	<el-image v-if="chackfile(item3.url)=='img'"
																		style="width: 50px; height: 50px"
																		:src="$url+'/' +item3.url"
																		:preview-src-list="photolist">
																	</el-image>
																	<div v-if="chackfile(item3.url)!='img'"
																		@click="check_file($url+'/' +item3.url)"
																		style="width: 100%;word-break: break-all;">
																		{{item3.url}}
																	</div>
																</div>
															</div>

														</div>
													</div>
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="alzzc" v-if="dialogVisible">
			<div class="del_alert">
				<div class="modal-header tit" style="text-align: left;">
					<em></em>信息
					<div class="right" @click="dialogVisible=false">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>
				<div class="alert_info">是否确认取消暂停该工单</div>
				<div class="alert_btns">
					<div class="alert_sure" @click="prauseorder(5,prindex);dialogVisible = false">确认</div>
					<div class="alert_close" @click="dialogVisible=false">取消</div>
				</div>
			</div>
		</div>
		<div class="alzzc" v-if="dialogVisible2">
			<div class="del_alert">
				<div class="modal-header tit" style="text-align: left;">
					<em></em>信息
					<div class="right" @click="dialogVisible2=false">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>
				<div class="alert_info">是否确认接单</div>
				<div class="alert_btns">
					<div class="alert_sure" @click="takeeorder(prindex);">确认</div>
					<div class="alert_close" @click="dialogVisible2=false">取消</div>
				</div>
			</div>
		</div>
		<div class="alzzc" v-if="dialogVisible3">
			<div class="del_alert">
				<div class="modal-header tit" style="text-align: left;">
					<em></em>信息
					<div class="right" @click="dialogVisible3=false">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>
				<div class="alert_info">是否确认接单</div>
				<div class="alert_btns">
					<div class="alert_sure" @click="takeeorder2(prindex);">确认</div>
					<div class="alert_close" @click="dialogVisible3=false">取消</div>
				</div>
			</div>
		</div>

		<div class="alzzc" v-if="addevaluation_show">
			<div class="evaluation_alert">
				<div class="modal-header tit" style="text-align: left;">
					<em></em>评价
					<div class="right" @click="addevaluation_show=false;opinion=''">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>

				<div class="alert_list">
					<!-- <div class="alert_li">
						<div class="alert_li_left">服务态度：</div>
						<ul class="ulcss">
							<li v-for="(item, index) in 5" :key="index" @click="attitudenum=index+1">
								<img v-if="index+1<=attitudenum" src="@/assets/images/star.png" alt="">
								<img v-else src="@/assets/images/emptystar.png" alt="">
							</li>
						</ul>
					</div>
					<div class="alert_li">
						<div class="alert_li_left">技术水平：</div>
						<ul class="ulcss">
							<li v-for="(item, index) in 5" :key="index" @click="sciencenum=index+1">
								<img v-if="index+1<=sciencenum" src="@/assets/images/star.png" alt="">
								<img v-else src="@/assets/images/emptystar.png" alt="">
							</li>
						</ul>
					</div>
					<div class="alert_li">
						<div class="alert_li_left">响应速度：</div>
						<ul class="ulcss">
							<li v-for="(item, index) in 5" :key="index" @click="speednum=index+1">
								<img v-if="index+1<=speednum" src="@/assets/images/star.png" alt="">
								<img v-else src="@/assets/images/emptystar.png" alt="">
							</li>
						</ul>
					</div> -->
					<div class="alert_li">
						<div class="alert_li_left">评价：</div>
						<textarea name="" id="" placeholder="请输入评价" v-model="opinion"></textarea>
					</div>

				</div>


				<div class="alert_btns">
					<div class="alert_sure" @click="evaluate(prindex);">确认</div>
					<div class="alert_close" @click="addevaluation_show=false;opinion=''">取消</div>
				</div>
			</div>
		</div>

		<div class="loading-content" v-if="showloading">
			<div class="loading-spinner">
				<svg viewBox="25 25 50 50" class="circular">
					<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
				</svg>
			</div>
			<div class="loading-text">加载中...</div>
		</div>
	</div>
</template>

<script type="text/babel">
	import $ from 'jquery'

	export default {
		name: "",
		data() {
			return {
				engids:[],
				etype:"",
				group: sessionStorage.getItem('opengroup'),
				zddert: sessionStorage.getItem('dert'),
				zdaddress: sessionStorage.getItem('address'),
				zdtel: sessionStorage.getItem('tel'),
				zdtype: sessionStorage.getItem('type'),
				group_options:[],
				sys_options:[],
				sys_value:"",
				group_value:"",
				treeLoad:"",
				photolist:[],
				numlen:0,
				numlen2:0,
				numlen3:0,
				opinion:"",
				photolist:[],
				attitudenum:0,
				sciencenum:0,
				speednum:0,
				prindex:'',
				departId: 0,
				checked:false,
				addevaluation_show:false,
				dialogVisible:false,
				dialogVisible2:false,
				dialogVisible3:false,
				isclick1:false,
				isclick2:false,
				isclick3:false,
				isclick4:false,
				duration: 0,
				playaud: false,
				playaud2: false,
				faultTypename_s:"",
				remark:"",
				engid:"",
				utype:"",
				prauseList:[],
				turnList:[],
				backList:[],
				types:[
					{name:"电话",id:1},
					{name:"远程",id:2},
					{name:"线程",id:3},
					{name:"送修",id:4},
					],
				      pickerOptions: {
				          disabledDate(time) {
				            return time.getTime() > Date.now();
				          },
				        },
				        createStartDate: '',
				        createStartDates: '',
				        createEndDate: '',
				        createEndDates: '',
				page_e: 1,
				inglen_e: 0,
				limit_e: 10,
				num_e: 1,
				list_e:[],
				word:"",
				naes:"",
				word2:"",
				naes2:"",
				way:"",
				expressId:"",
				illustrate:"",
				stopid: 0,
				page2: 1,
				inglen2: 0,
				limit2: 10,
				num2: 1,
				reresult:0,
				options_show:false,
				options_show2:false,
				user_alert:false,
				phraseshow:false,
				typename:"选择暂停原因",
				restype:"解决方式",
				turnresult:0,
				backresult:0,
				order_tab:0,
				reopen:false,
				showstop:false,
				chosef: false,
				showSendOrder: false,
				showinfo: false,
				showadd: false,
				showzzc: false,
				word_user:"",
				word_users:"",
				restaurants: [],
				stopreslist: [],
				tabact: 1,
				basic: 0,
				type: 0,
				alert_show: false,
				treeClickCount: 0,
				phraseList: [],
				setting: {
					treeId: 'id',
					data: {
						key: {
							name: 'name'
						}
					},
					callback: {
						onClick: this.choseroom
					}
				},
				zNodes: [],
				treeClickCount2: 0,
				setting2: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom2
					}
				},
				zNodes2: [],
				ztree_obj2: {},
				
				treeClickCount3: 0,
				setting3: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom3
					}
				},
				
				zNodes3: [],
				ztree_obj3: {},
				zNodes_u: [],
				ztree_obj_u: {},
				treeClickCount4: 0,
				setting_u: {
					treeId: 'id',
					data: {
						key: {
							name: 'name'
						}
					},
					callback: {
						onClick: this.choseroom_user
					}
				},
				zNodes_eng: [],
				ztree_obj_eng: {},
				setting_eng: {
					treeId: 'id',
					data: {
						key: {
							name: 'realName'
						}
					},
					callback: {
						onClick: this.choseroom_eng
					}
				},
				page: 1,
				list: [],
				inglen: 0,
				limit: 10,
				num: 1,
				roomsearch: "",
				ztree_obj: {},
				departId: '',
				departIds: '',
				commitUserIds:"",
				departname:"",
				info: {
					departId: 0,
					departName: '',
					commitUserId:"",
					phoneNo:"",
					illustrate:"",
					faultEquipment:"",
					enclosure:"",
					isRepeat: 0,
					isWarranty: 0,
					isMaterialWarranty: 0,
					sourceId: 1,
					emergenceId:1,
					rangeId:1,
					faultDescription: "",
					address: "",
					commitUserName:"",
					servicemanId:"",
					faultTypeId:"",
					faultCauseId:"",
					id:""
				},
				info2:{faultTypeId:"",faultCauseId:"",gdInfoId:'',deviceState:1,way:1,process:"",causeOf:"",enclosure:""}, //deviceState:1,
				alert_enger: false,
				showloading: false,
				alert_show2: false,
				alert_show3: false,
				reg:/^[0-9\\\/]+$/,
				// reg: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
				typesearch:'',
				coursesearch:'',
				faultTypename:"",
				faultCausename:"",
				coursetree:[],
				typetree:[],
				enrlist: [],
				user_all: [],
			
				enrname:"请选择工程师",
				token:"",
				files:[],
				filesid:[],
				fileList: [],
				files2:[],
				files2id:[],
				fileList2: [],
				files3:[],
				files3id:[],
				fileList3: [],
				allrooms: [],
				faultTypeId:"",
				faultTypeIds:"",
				deptId:"",
				helperId:"",
				xzid:"",
				userid:"",
				username:"",
				susername:"",
				resendid:"",
				alerttype:"",
				servicemanId:"",
				id:"",
				adddid:"",
				uid:"",
				orderinfo:{},
				ishelp:0
			}
		},
		components: {},
		created() {
			this.$http.defaults.headers["Authorization"] = sessionStorage.getItem('token')
			this.token = sessionStorage.getItem('token')
			this.uid = sessionStorage.getItem('uid')
		},
		mounted() {
			this.getlist();
			this.getrooms2();
			this.getpharse()
			this.gettype()
			this.getopen2()
		
		},
		watch:{
			playaud2:{
					handler(newValue,oldValue){
					if(newValue){
						this.$refs.aud2[0].play()
					}else{
						this.$refs.aud2[0].pause()
					}
				}
			},
			playaud:{
					handler(newValue,oldValue){
					if(newValue){
						this.$refs.aud[0].play()
					}else{
						this.$refs.aud[0].pause()
					}
				}
			},
			typesearch:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.gettypetree();
					}
				}
			},
			coursesearch:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.getcoursetree();
					}
				}
			},
			roomsearch:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.getallrooms();
					}
				}
			},
		},
		beforeRouteEnter(to, from, next) { //路由导航钩子，通过页面路由标记是否需要清空页面数据重新加载
		    to.meta['fromPath'] = from.path;
			to.meta['needFresh'] = false;
		    if (from.path == '/repositorySearch') {
				if(sessionStorage.getItem("open") !='false'){
					to.meta['needFresh'] = true;
					sessionStorage.setItem("open",'false')
				}else{
					to.meta['needFresh'] = false;
				}
		    } else {
		      to.meta['needFresh'] = false;
		    }
		    next();
		  },
		activated(){
			sessionStorage.setItem("open",'false')
			  this.group = sessionStorage.getItem('opengroup')
			  this.zddert = sessionStorage.getItem('dert')
			  this.zdaddress = sessionStorage.getItem('address')
			  this.zdtel = sessionStorage.getItem('tel')
			  this.zdtype = sessionStorage.getItem('type')
			  console.log(this.group)
			   if (this.$route.meta['needFresh']) {
				   this.info.faultDescription = sessionStorage.getItem("fname")
				   sessionStorage.setItem("fname", '')
			   
			    } else{
					this.susername = '';
					this.departname = '';
					this.departId=''
					this.susername = '';
					this.info.commitUserId=''
					this.reopen = false;
					this.showstop = false;
					this.showSendOrder = false;
					this.phraseshow = false;
					this.showinfo = false;
					this.alert_enger = false;
					this.user_alert = false;
					this.showadd = false;
					this.faultTypename = ''
					this.faultCausename = ''
					this.files = []
					this.fileList = []
					this.files2 = []
					this.fileList2 = []
					this.files3 = []
					this.filesid = []
					this.files2id = []
					this.files3id = []
					this.fileList3 = []
					this.info =  {
						departId: 0,
						departName: '',
						commitUserId:"",
						phoneNo:"",
						illustrate:"",
						enclosure:"",
						photoIds:"",
						isRepeat: 0,
						isWarranty: 0,
						isMaterialWarranty: 0,
						sourceId: 1,
						emergenceId:1,
						rangeId:1,
						faultDescription: "",
						address: "",
						commitUserName:"",
						faultTypeId:"",
						faultCauseId:""
					}
				}
		
		},
		methods: {
			selectsys(e){
				console.log(this.sys_value)	
				this.getrooms2(e)
				
					this.getalltype(e)
					this.gettypetree(e)
			},
			getsyslist() {
				this.showloading = true		
				var that = this
				this.$http.post(this.$url + '/moreSys/select')
					.then(function(response) {						
						that.sys_options = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			getopen2() {
				this.showloading = true
			
				var that = this
				this.$http.get(this.$url + '/moreSys/open/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.checked = response.data==1?true:false
						
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			getopen() {
				
						if(this.checked){
							this.getSysSon()
						}else{
							this.getalltype()
							this.gettypetree()
						}
						
			
			},
			getallSysSon() {
				var that = this
				this.$http.post(this.$url + '/moreSys/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.sys_options = response.data.data
					
						that.sys_value = that.sys_options[0].id
						// var arr = []
						// for (var i = 0; i < response.data.data.length; i++) {
						// 	arr.push(response.data.data[i].id)
						// }
						// var ids = ''
						// if (arr.length > 0) {
						// 	ids = arr.join(',')
						// }
						that.sysids = ''
						that.getalltype()
						that.gettypetree()
					})
					.catch(function(error) {
						console.log(error)
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getSysSon(){
				var that = this
				var param = {
					userId: sessionStorage.getItem('uid')
				}
				this.$http.post(this.$url + '/sys/user/getSysSon', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							that.sys_options =response.data.data
							if(that.sys_options.length == 0){
								that.getallSysSon()
							}else{
								var arr = []
								for (var i = 0; i < response.data.data.length; i++) {
									arr.push(response.data.data[i].id)	
								}
								var ids = ''
								if(arr.length > 0){
									ids = arr.join(',')
								}
								that.sys_value = that.sys_options[0].id
								that.sysids = ids
								that.getalltype(that.sys_value)
								that.gettypetree(that.sys_value)
							}
						})
						.catch(function(error) {
							console.log(error)
							that.$Toast('网络拥堵，刷新一下');
						});
			},
			
			getexport(){
				this.showloading = true
				var param ={}
				if(this.tabact == 7){
					param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.commitUserIds,
						createStartDate:this.createStartDates?this.timeFormate(this.createStartDates)+' 00:00:00':'',
						createEndDate:this.createEndDates?this.timeFormate(this.createEndDates)+' 23:59:59':"",
						faultTypeId:this.faultTypeIds,
						departName:this.naes,
						faultDescription:this.naes2,
						// way:this.way,
						servicemanId:sessionStorage.getItem('uid'),
						stateIds:3,
						myGd:1
						// stateId:type,
					}
				}else if(this.tabact == 1){
					param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.commitUserIds,
						createStartDate:this.createStartDates?this.timeFormate(this.createStartDates):'',
						createEndDate:this.createEndDates?this.timeFormate(this.createEndDates):"",
						faultTypeId:this.faultTypeIds,
						departName:this.naes,
						faultDescription:this.naes2,
						// way:this.way,
						servicemanId:sessionStorage.getItem('uid'),
						stateIds:1,
						myGd:1
						// stateId:type,
					}
				}else{
					 param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.commitUserIds,
						createStartDate:this.createStartDate?this.timeFormate(this.createStartDate):'',
						createEndDate:this.createEndDate?this.timeFormate(this.createEndDate):"",
						faultTypeId:this.faultTypeIds,
						departName:this.naes,
						faultDescription:this.naes2,
						// way:this.way,
						servicemanId:sessionStorage.getItem('uid'),
						stateId:this.tabact,
						myGd:1
						// stateId:type,
					}
				}
				var that = this
				this.$http.post(this.$url + '/sys/excel/importMygd', this.$qs.stringify(param),{responseType:"blob"})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast('导出成功！');
						const blob = new Blob([response.data]);
						console.log(response.headers)
						      const fileName ='我的工单.xlsx';
						      if ("download" in document.createElement("a")) {
						        // 非IE下载
						        const elink = document.createElement("a");
						        elink.download = fileName;
						        elink.style.display = "none";
						        elink.href = URL.createObjectURL(blob);
						        document.body.appendChild(elink);
						        elink.click();
						        URL.revokeObjectURL(elink.href); // 释放URL 对象
						        document.body.removeChild(elink);
								that.showloading=false
						      } else {
						        // IE10+下载
						        navigator.msSaveBlob(blob, fileName);
								that.showloading=false
						      }
						})
			},
			sure_eng(){
				this.alert_enger=false;this.engid=''
				if(this.etype == 'eng'){
					
					
				}else if(this.etype == 'xz'){
					this.addxz()
				}
			},
			choseeng(item2){
				this.enrname=item2.realName;
				if(this.etype == 'eng'){
					
					this.info.examineId = item2.id
				}else if(this.etype == 'xz'){
					this.helperId= item2.id
				}
				
			},
			addxz(){
				// console.log(this.engids.(','))
				if(this.engids.length == 0){
					this.$Toast('请至少选择以为工程师');
					return
				}
				var param = {
					id:this.xzid,
					helperId:this.engids.join(',')
				}
				var that = this
				this.$http.post(this.$url + '/main/addHelper', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.user_alert = false
						that.getlist()
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			openxz(id){
				this.alert_enger=true;
				this.etype='xz';
				this.engids=[];
				this.getenrlist()
				this.xzid = id
				var that = this
				setTimeout(function(){
					for (var i = 0; i < that.list.length; i++) {
						that.list[i].static=false
					}
					that.$forceUpdate()
				},10)
			},
			evaluate(){
				if (this.opinion.trim() == '') {
					this.$Toast("请填写评价");
					return
				}
				var that = this
				var param = {
					gdInfoId:this.list[this.prindex].id,
					opinion:this.opinion
				}
				
				this.$http.post(this.$url + '/appraise/save', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
					that.opinion = ''
					that.getlist();
					that.prindex = ''
					that.addevaluation_show=false
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			// 获取分组
			gettype() {
				this.showloading = true
			
				var that = this
				this.$http.get(this.$url + '/group/getEngineerAndPhone')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.group_options = response.data.data
						for (var i = 0; i < that.group_options.length; i++) {
							that.group_options[i].name = that.group_options[i].groupName
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			beforeUpload(e){
				// this.showloading=true
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'gd');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						that.files3.push(response.data.data.relativePath)
						that.files3id.push(response.data.data.id)
						 that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
			},
			beforeUpload1(e){
				// this.showloading=true
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'gd');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						that.files.push(response.data.data.relativePath)
						that.filesid.push(response.data.data.id)
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
			},
			beforeUpload2(e){
				// this.showloading=true
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'gd');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						that.files2.push(response.data.data.relativePath)
						that.files2id.push(response.data.data.id)
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
			},
			changenum(e){
				// console.log(e)
				this.numlen = this.info.illustrate.length
			},
			changenum2(e){
				console.log(e)
				this.numlen2 = this.info2.process.length
			},
			changenum3(e){
				console.log(e)
				this.numlen3 = this.remark.length
			},
			chackfile(filename){
				var imgStr = /\.(jpg|jpeg|png|bmp|BMP|JPG|PNG|JPEG|webp)$/;
						if(imgStr.test(filename)) {
							return 'img'
						}
			},
			addevaluation(i){
				this.prindex = i
				this.addevaluation_show=true
			},
			audioinit(i){
				this.$nextTick(function () {
					var aud = i==0?this.$refs.aud[0]:this.$refs.aud2[0]
					if(aud){
						this.duration = Math.floor(aud.duration)
					}else{
						this.audioinit(i)
					}
				})
			},
			getdert(tel){
				var that = this
				var param = {
					phoneNo:tel
				}
				
				this.$http.post(this.$url + '/sys/dept/phone', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
					that.info.departId = response.data.data.id
					that.info.address = response.data.data.address
					that.info.phoneNo = response.data.data.phone
					that.info.departName = response.data.data.deptName
					that.info.commitUserId = response.data.data.userId?response.data.data.userId:''
					that.info.commitUserName = response.data.data.username?response.data.data.username:''
					that.isclick1=true
					console.log(that.info)
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			dialog2(i){
				this.prindex = i
				this.dialogVisible3=true
			},
			dialog(i){
				this.prindex = i
				this.dialogVisible=true
			},
			file_down(url){
				// var url = url.split(this.$url+'/look')
				// url = url.join('')
				window.open(this.$url+'/file/downloadFile?url='+url);
				// var param = {filed:}
				// this.$http.post(this.$url + '/file/download', this.$qs.stringify(param))
				// 	.then(function(response) {
						
				// 		})
			},
			handleCurrentChange2(val) {
			  console.log(`当前页: ${val}`);
								this.page2 = val
								this.getalluserlist()
			},
			// 点击页码
			gonext(page) {
				if(this.page2==page){
					return
				}
				this.page2 = page
				this.getalluserlist()
			},
			openadd(){
				this.getrooms();
				// this.getallrooms();
				// this.getalltype();
				// this.getuserlist();
				
				this.showadd=true
				this.$nextTick(()=>{
					this.$refs.adds.scrollTop = 0
				})
				this.getopen()
			},
			changeradio(i){
				this.order_tab = i
			},
			changetab(i){
				this.tabact = i
				this.page=1
				this.getlist()
			},
			// 终止
			stoporder(){
				console.log(this.expressId)
				if(!this.expressId){
					this.$Toast('请选择终止原因');
					return
				}
				this.showloading = true
				var that = this
				var param = {
					id:this.id,
					expressId:this.expressId,
					illustrate:this.illustrate,
				}
				
				this.$http.post(this.$url + '/main/stop', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showstop=false
						that.getlist()
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			// 接单
			takeeorder(index){
				this.showloading = true
				var param = {
					id:this.list[index].id
				}
				var that = this
				this.$http.post(this.$url + '/main/receive', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg)
						that.getlist()
						that.showloading = false
						that.dialogVisible2 = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			// 抢单
			takeeorder2(index){
				this.showloading = true
				var param = {
					id:this.list[index].id,
					servicemanId: sessionStorage.getItem('uid')
				}
				var that = this
				this.$http.post(this.$url + '/main/rob', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg)
						that.getlist()
						that.showloading = false
						that.dialogVisible3 = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			changedate(ty){
			
				if(this.createStartDate && this.createEndDate&& this.createStartDate > this.createEndDate){
					this.$Toast('选择的结束日期在开始日期之前');
					if(ty==1){
						this.createStartDate = ''
					}else{
						this.createEndDate = ''
					}
					return
				}
			},
			getinfo(){
				var param = {
					id:this.id
				}
				var that = this
				this.$http.post(this.$url + '/main/detail', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.orderinfo = response.data.data
						that.faultTypename = that.orderinfo.faultType
						that.info2.faultTypeId = that.orderinfo.faultTypeId
						that.photolist=[]
						console.log(that.orderinfo)
						that.orderinfo.photoUrls = that.orderinfo.photoUrls!=null?that.orderinfo.photoUrls:[]
						for (var i = 0; i < that.orderinfo.photoUrls.length; i++) {
							// console.log(that.chackfile(that.orderinfo.photoUrls[i].url))
							if(that.chackfile(that.orderinfo.photoUrls[i].url)=='img'){
								that.photolist.push(that.$url+'/'+that.orderinfo.photoUrls[i].url)
							}
						}
						for (var i = 0; i < that.orderinfo.historyEntityList.length; i++) {
							that.orderinfo.historyEntityList[i].enclosure = that.orderinfo.historyEntityList[i].enclosure?that.orderinfo.historyEntityList[i].enclosure.split(','):[]
							that.orderinfo.historyEntityList[i].enclosureList=[]
							for (var j = 0; j < that.orderinfo.historyEntityList[i].enclosure.length; j++) {
								var arr = that.orderinfo.historyEntityList[i].enclosure[j].split('/')
								that.orderinfo.historyEntityList[i].enclosureList[j]=that.$url + that.orderinfo.historyEntityList[i].enclosure[j]
								that.orderinfo.historyEntityList[i].enclosure[j] = that.orderinfo.historyEntityList[i].enclosure[j].replace(/^\//,'')
								that.orderinfo.historyEntityList[i].enclosure[j] = {
									name:arr[arr.length - 1],
									url:that.orderinfo.historyEntityList[i].enclosure[j],
									type:that.orderinfo.historyEntityList[i].enclosure[j].substr(that.orderinfo.historyEntityList[i].enclosure[j].length-4,4)
								}
							}
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getengslist() {
				this.showloading = true
			
				var param = {
					page: this.page_e,
					limit: this.limit_e,
					stateId:2,
					servicemanId:this.servicemanId
				}
				console.log(param)
				var that = this
				this.$http.post(this.$url + '/main/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.list_e = response.data.data
						that.inglen_e = response.data.count
						if (that.inglen_e > that.limit) {
							that.num_e = Math.ceil(that.inglen_e / that.limit_e)
						} else {
							that.num_e = 1
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			choseroom_eng(data, node, treeNode) {
				this.treeClickCount4++;
				if (this.treeClickCount4 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount4 == 1) {
						this.treeClickCount4 = 0;
						console.log('单击事件,可在此处理对应逻辑')
						if(treeNode.id){
							this.servicemanId = treeNode.id
						}else{
							this.ztree_obj_eng.cancelSelectedNode();
							this.servicemanId=''
						}
							
							this.getengslist()
						
					} else if (this.treeClickCount4 > 1) {
						this.treeClickCount4 = 0;
						this.ztree_obj_eng.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 处理
			doorder(){
				
				var that = this
				if(this.order_tab == 0){
					
					// if( !this.isclick3){
					// 	this.$Toast("请点击选择故障分类");
					// 	this.info2.faultTypeId=''
					// 	return false;
					// }
					// if(!this.isclick4){
					// 	this.$Toast("请点击选择故障原因");
					// 	this.info2.faultCauseId=''
					// 	return false;
					// }
					this.info2.process = this.info2.process?this.info2.process:''
					// if(this.info2.process.trim()==''){
					// 	this.$Toast('请填写处理过程');
					// 	return
					// }
					// return
					this.info2.gdInfoId = this.id
					this.info2.enclosure = this.files.join(',')
					this.info2.enclosureId = this.filesid.join(',')
					this.showloading = true
					this.$http.post(this.$url + '/handle/finish', this.$qs.stringify(this.info2))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							that.$Toast(response.data.msg);
							that.showstop=false
							that.isclick3=true
							that.isclick4=true
							that.faultTypename = ''
							that.faultCausename = ''
							that.files = []
							that.filesid = []
							that.fileList = []
							// deviceState:1,
							that.info2={faultTypeId:"",faultCauseId:"",gdInfoId:'',deviceState:1,way:1,process:"",causeOf:"",enclosure:""}
							that.getlist()
						})
						.catch(function(error) {
							sessionStorage.setItem('token','undefined')
							that.$router.push('/login')
						});
				}else{
					if(this.remark.trim()==''){
						this.$Toast('请填写处理过程');
						return
					}
					var enclosure = this.files2.join(',')
					var enclosureId = this.files2id.join(',')
					var param = {}
					if(this.ishelp == 1 ){
						 param ={
							gdInfoId:this.id,
							enclosure:enclosure,
							enclosureId:enclosureId,
							remark:this.remark,
							help:1
						}
					}else{
						param ={
							gdInfoId:this.id,
							enclosure:enclosure,
							enclosureId:enclosureId,
							remark:this.remark,
						}
					}
					
					this.showloading = true
					this.$http.post(this.$url + '/handle/step', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							that.$Toast(response.data.msg);
							that.showstop=false
							that.remark = ''
							that.files2 = []
							that.fileList2 = []
							that.getlist()
						})
						.catch(function(error) {
							sessionStorage.setItem('token','undefined')
							that.$router.push('/login')
						});
				}
			
				
			},
			// 转交
			turnorder(){
				// if(!this.turnresult){
				// 	this.$Toast('请选择转交原因');
				// 	return
				// }
				if(this.enrname == '请选择工程师'){
					this.$Toast('请选择工程师');
					return
				}
				this.showloading = true
				var that = this
				var param = {
					id:this.id,
					servicemanId:this.info.examineId,
					expressId:this.turnresult,
					illustrate:this.illustrate,
				}
				this.$http.post(this.$url + '/main/forward', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showstop=false
						that.enrname = '请选择工程师'
						that.turnresult = ''
						that.illustrate = ''
						that.getlist()
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			// 退回
			backorder(){
				if(!this.backresult){
					this.$Toast('请选择退回原因');
					return
				}
				this.showloading = true
				var that = this
				var param = {
					id:this.id,
					expressId:this.backresult,
					illustrate:this.illustrate,
				}
				
				this.$http.post(this.$url + '/main/return', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showstop=false
						that.backresult = ''
						that.illustrate = ''
						that.getlist()
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			// 暂停
			prauseorder(stateid,index){
				if(stateid==4){
					if(!this.typeid){
						this.$Toast('请选择暂停原因');
						return
					}
				}else{
					this.id = this.list[index].id
				}
				
				this.showloading = true
				var that = this
				var param = {
					id:this.id,
					expressId:this.typeid,
					illustrate:this.illustrate,
					stateId:stateid
				}
				
				this.$http.post(this.$url + '/main/modify/state', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showstop=false
						that.dialogVisible=false
						that.typename = '选择暂停原因'
						that.typeid = ''
						that.illustrate = ''
						that.getlist()
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			stop(type,index){
				this.alerttype = type
				this.id = this.list[index].id
				if(this.list[index].helperId==this.uid &&this.list[index].servicemanId != this.uid ){
					this.order_tab = 1
					this.ishelp = 1
				}else{
					this.order_tab = 0
				}
				this.getinfo()
				this.getallcourse();
				this.getcoursetree();
				this.getalltype();
				this.getpharse(type)
				this.showstop = true
				var that = this
				setTimeout(function(){
					for (var i = 0; i < that.list.length; i++) {
						that.list[i].static=false
					}
					that.$forceUpdate()
				},10)
			},
			// 添加工单接口
			increase(){
				if(this.resendid){
					this.resendid=''
						this.showSendOrder = false
					return
				}
				this.showloading = true
				this.info.enclosure = this.files3.join(',')
				this.info.photoIds = this.files3id.join(',')
				this.info.createId = sessionStorage.getItem('uid')
				this.info.groupId = this.group_value?this.group_value:null
				this.info.sysSonId = this.sys_value?this.sys_value:null
				// if(this.info.id){
				// 	this.info.enclosure=''
				// 	this.info.photoId=''
				// }
			
				var that = this
				this.$http.post(this.$url + '/main/save', this.$qs.stringify(this.info))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showadd = false
						that.showSendOrder = false
						that.sys_value=''
						that.sysids = ''
						that.info =  {
							departId: 0,
							departName: '',
							commitUserId:"",
							phoneNo:"",
							illustrate:"",
							faultEquipment:"",
							enclosure:"",
							photoIds:"",
							isRepeat: 0,
							isWarranty: 0,
							isMaterialWarranty: 0,
							sourceId: 1,
							emergenceId:1,
							rangeId:1,
							faultDescription: "",
							address: "",
							commitUserName:"",
							faultTypeId:"",
							faultCauseId:"",
							servicemanId:""
						}
						that.files3=[]
						that.files3id=[]
						that.fileList3=[]
						that.faultTypename=''
						that.sysids=''
						that.faultCausename=''
						that.treeLoad=''
						that.getlist()
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			edit(index){
				this.getopen()
				this.info =  {
					id:this.list[index].id,
					departId: this.list[index].departId,
					departName: this.list[index].departName,
					commitUserId:this.list[index].commitUserId,
					phoneNo:this.list[index].phoneNo,
					faultEquipment:this.list[index].faultEquipment,
					illustrate:this.list[index].illustrate,
					enclosure:this.list[index].enclosure?this.list[index].enclosure.split(','):[],
					isRepeat: this.list[index].isRepeat?1:0,
					isWarranty: this.list[index].isWarranty?1:0,
					isMaterialWarranty: this.list[index].isMaterialWarranty?1:0,
					sourceId: this.list[index].sourceId,
					emergenceId:this.list[index].emergenceId,
					rangeId:this.list[index].rangeId,
					faultDescription: this.list[index].faultDescription,
					address: this.list[index].address,
					commitUserName:this.list[index].commitUserName,
					faultTypeId:this.list[index].faultTypeId,
					faultCauseId:this.list[index].faultCauseId,
					servicemanId:this.list[index].servicemanId,
					sysSonId:this.list[index].sysSonId
				}
			var that = this
			setTimeout(function(){
				for (var i = 0; i < that.list.length; i++) {
					that.list[i].static=false
				}
				that.$forceUpdate()
			},10)
			this.$http.get(this.$url + '/main/gdUpdateTime?id='+this.info.id)
				.then(function(response) {
					if (response.data.code == '1410') {
						that.$Toast(response.data.msg);
						sessionStorage.setItem('token', '')
						that.$router.push('/login')
						return
					}
					console.log(response.data)
					that.info.updateTime = response.data
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				console.log(this.files3id)
				this.faultTypename=this.list[index].faultType
				this.treeLoad=this.list[index].faultType
				this.faultCausename=this.list[index].faultCause
				this.sys_value=this.list[index].sysSonId?parseInt(this.list[index].sysSonId):''
				
				var param = {
					id:this.list[index].id
				}
				var that = this
				this.$http.post(this.$url + '/main/detail', this.$qs.stringify(param))
					.then(function(response) {
							console.log(response.data.data.photoUrls)
							if(response.data.data.photoUrls){
								that.fileList3 = response.data.data.photoUrls
								for (var i = 0; i < response.data.data.photoUrls.length; i++) {
									that.files3.push('/'+response.data.data.photoUrls[i].url)
									that.files3id.push(response.data.data.photoUrls[i].fileId)
									console.log(that.files3id)
								}
							}
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
					
				if(this.info.faultTypeId && this.faultTypename){
					this.isclick2=true
				}
				this.isclick1=true
					
				this.getrooms()
				this.showadd = true
				this.$nextTick(()=>{
					this.$refs.adds.scrollTop = 0
				})
			},
			sear_choserome(item){
				if(this.dtype == 'search'){
					this.departname=item.name
					this.departId=item.id
				}else{
					this.info.departId=item.id
					this.info.departName=item.name
					this.info.address = item.address
					this.info.phoneNo = this.uphone?this.info.phoneNo:item.phone
				}
				
				this.roomsearch=item.name
				this.getallrooms()
				
			},
			// 获取全部科室
			getallrooms() {
				var that = this
				var url = encodeURI(this.$url + '/sys/dept/select?name='+this.roomsearch)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.allrooms = response.data.data
					})
					.catch(function(error) {
						console.log(error);
					});
			},
			
			changechose(id,name,phone){
				
				if(this.utype=='search'){
					this.username = name
					this.userid = id
				}else if(this.utype=='xz'){
					this.helperId = id
				}else{
					this.username = name
					this.userid = id
					this.uphone = phone
				}
			},
			sure_user(){
				this.user_alert=false
				this.word_user = ''
				this.word_users = ''
				this.deptId = ''
				this.did = ''
				
				console.log(this.utype)
				if(this.utype == 'search'){
					this.susername = this.username
				}else if(this.utype == 'xz'){
					this.addxz()
				}else{
					this.info.commitUserName = this.username
				}
				// this.info.phoneNo = this.info.phoneNo?this.info.phoneNo:this.uphone
				this.info.phoneNo = this.uphone?this.uphone:this.info.phoneNo
				this.info.commitUserId = this.userid
				
				this.userid = ''
				
				this.ztree_obj_u.cancelSelectedNode();
				this.getalluserlist()
			},
			
			// 科室树状图选择
			choseroom_user(data, node, treeNode) {
				this.treeClickCount4++;
				if (this.treeClickCount4 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount4 == 1) {
						this.treeClickCount4 = 0;
						console.log('单击事件,可在此处理对应逻辑')
							if(this.utype == 'search'){
								this.did = treeNode.id
							}else{
								this.adddid = treeNode.id
							}
							this.page2 = 1
							this.getalluserlist()
						
					} else if (this.treeClickCount4 > 1) {
						this.treeClickCount4 = 0;
						
						this.ztree_obj_u.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			 // 获取常用语
			getpharse(type) {
				var that = this
				var typeid = ''
				if(type == 'back'){
					typeid= 5
				}else if(type == 'turn'){
					typeid= 3
					this.getenrlist()
				}else if(type == 'stop'){
					typeid= 1
				}else if(type == 'prause'){
					typeid= 4
				}
				this.$http.get(this.$url + '/common/list?typeId=6')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.phraseList = response.data.data
					})
					.catch(function(error) {
						console.log(error);
					});
					
				this.$http.get(this.$url + '/common/list?typeId='+typeid)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(type == 'back'){
							that.backList = response.data.data
						}else if(type == 'turn'){
								that.turnList = response.data.data
						}else if(type == 'stop'){
							that.stopreslist = response.data.data
						}else if(type == 'prause'){
							that.prauseList = response.data.data
						}
					})
					.catch(function(error) {
						console.log(error);
					});
			},
			// 获取弹窗里的用户
			getalluserlist() {
				var id = ''
				if(this.utype == 'search'){
					id = this.did?this.did:''
				}else{
					id = this.adddid?this.adddid:''
				}
				console.log(this.utype)
				var that = this
				var url = encodeURI(this.$url + '/sys/user/list?page='+this.page2+'&limit='+this.limit2+'&deptId='+id+'&userName='+this.word_users)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.user_all = response.data.data.records
						for (var i = 0; i < that.user_all.length; i++) {
							that.user_all[i].id = window.atob(that.user_all[i].id)
						}
						that.inglen2 = response.data.data.total
						if (that.inglen2 > that.limit2) {
							that.num2 = Math.ceil(that.inglen2 / that.limit2)
						} else {
							that.num2 = 1
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
					});
			},
			closeusertalert(){
				this.user_alert = false
				this.username = ''
				this.word_user = ''
				this.did = ''
				this.userid = ''
				this.uphone = ''
				this.ztree_obj_u.cancelSelectedNode();
				this.getalluserlist()
			},
			// 查询
			selectit2(index){
				if(index=='all'){
					this.restype = '全部'
					this.way = ''
				}else{
					this.restype = this.types[index].name
					this.way = this.types[index].id
				}
				this.options_show2=false
				this.showzzc=false
				
			},
			// 暫停工单类型选择
			selectit(index){
				if(index=='all'){
					this.typename = '全部'
					this.typeid = ''
				}else{
					this.typename = this.prauseList[index].brief
					this.typeid = this.prauseList[index].id
				}
				this.options_show=false
				this.showzzc=false
				
			},
			changename(name){
				this.enrname = name
			},
			check_file(url){
					   window.open(url, '_blank');
			},
			del_file(i){
				var that = this
				var param = {fileId:this.filesid[i]}
				this.$http.post(this.$url + '/main/delete/file', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response)
							that.files.splice(i,1)
							that.fileList.splice(i,1)
						that.filesid.splice(i,1)
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			del_file2(i){
				var that = this
				var param = {fileId:this.files2id[i]}
				this.$http.post(this.$url + '/main/delete/file', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response)
							that.files2.splice(i,1)
							that.files2id.splice(i,1)
						that.fileList2.splice(i,1)
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			del_file3(i){
				var that = this
				var param = {fileId:this.files3id[i]}
				this.$http.post(this.$url + '/main/delete/file', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response)
							that.files3.splice(i,1)
							that.files3id.splice(i,1)
						that.fileList3.splice(i,1)
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			uploadsuc3(file, fileList){
				if(file.code != 0){
					this.$Toast(file.msg)
					this.showloading=false
					return
				}
				 this.files3.push(file.data.relativePath)
				 this.files3id.push(file.data.id)
				 this.showloading=false
			},
			uploadsuc2(file, fileList){
				if(file.code != 0){
					this.$Toast(file.msg)
					this.showloading=false
					return
				}
				 this.files2.push(file.data.relativePath)
				 this.files2id.push(file.data.id)
				 this.showloading=false
			},
			uploadsuc(file, fileList){
				if(file.code != 0){
					this.$Toast(file.msg)
					this.showloading=false
					return
				}
				 this.files.push(file.data.relativePath)
				 this.filesid.push(file.data.id)
				 this.showloading=false
			},
			getenrlist() {
				var that = this
				
				this.$http.post(this.$url + '/group/listAll')
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							that.enrlist = response.data.data
							that.zNodes_eng = response.data.data
							that.ztree_obj_eng = $.fn.zTree.init($("#treeDemo5"), that.setting_eng, that.zNodes_eng);
							var  nodes4 = that.ztree_obj_eng.getNodes();
							for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
							    that.ztree_obj_eng.expandNode(nodes4[i],  true ,  false ,  true );
							}
						})
						.catch(function(error) {
							sessionStorage.setItem('token','undefined')
							that.$router.push('/login')
						});
			
			},
			// 获取故障原因
			getrooms3() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.get(this.$url + '/fault/selectparentId?parentId=-1')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes3 = response.data.data
						that.ztree_obj3 = $.fn.zTree.init($("#treeDemo3"), that.setting3, that.zNodes3);
						var  nodes4 = that.ztree_obj3.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj3.expandNode(nodes4[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 获取故障分类
			getrooms2(ids) {
				var sysSonIds = ''
				if(typeof ids != 'object'&&ids){
					sysSonIds = ids
				}else if(this.sys_value){
					sysSonIds = this.sys_value
				}else if(this.sysids){
					sysSonIds = this.sysids
				}
				
				var that = this
				this.$http.get(this.$url + '/fault/type/tree?parentId=-1&sysSonIds='+sysSonIds)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes2 = response.data.data
						that.ztree_obj2 = $.fn.zTree.init($("#treeDemo2"), that.setting2, that.zNodes2);
						var  nodes4 = that.ztree_obj2.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj2.expandNode(nodes4[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			
			// 故障原因选择
			choseroom3(data, node, treeNode) {
				this.treeClickCount3++;
				if (this.treeClickCount3 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount3 == 1) {
						this.treeClickCount3 = 0;
						this.info.faultCauseId = treeNode.id
						this.info2.faultCauseId = treeNode.id
						this.faultCausename = treeNode.nodeName
						this.isclick4=true
					} else if (this.treeClickCount3 > 1) {
						this.treeClickCount3 = 0;
						this.ztree_obj3.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 故障分类选择
			choseroom2(data, node, treeNode) {
				if((treeNode.treeLoad.substr(0,4) == '徐汇院区' && treeNode.children.length!=0) || (treeNode.treeLoad.substr(0,4) == '临港院区' && treeNode.children.length!=0)){
					this.ztree_obj2.cancelSelectedNode();
					return
				}
				if(treeNode.parentId == 0){
					this.ztree_obj2.cancelSelectedNode();
					return
				}
				this.treeClickCount2++;
				if (this.treeClickCount2 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount2 == 1) {
						this.treeClickCount2 = 0;
						console.log('单击事件,可在此处理对应逻辑')
					
						if(this.dtype=='search'){
							this.faultTypeId = treeNode.id
							this.faultTypename_s = treeNode.nodeName
						this.treeLoad = treeNode.treeLoad
						}else{
							this.info2.faultTypeId = treeNode.id
							this.info.faultTypeId = treeNode.id
							this.faultTypename = treeNode.nodeName
						this.treeLoad = treeNode.treeLoad
						this.isclick2=true
						this.isclick3=true
						}
					} else if (this.treeClickCount2 > 1) {
						this.treeClickCount2 = 0;
						this.ztree_obj2.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 故障原因搜索结果点击
			sear_chosecourse(item){
				this.info2.faultCauseId = item.id
				this.info.faultCauseId = item.id
				this.faultCausename = item.name
				this.coursesearch = item.name
				this.isclick4=true
			},
			// 知識分類搜索结果点击
			sear_chosetype(item){
				if(this.dtype=='search'){
					this.faultTypename_s = item.name
					this.faultTypeId = item.id
					this.typesearch = item.name
				}else{
					this.info2.faultTypeId = item.id
					this.info.faultTypeId = item.id
					this.faultTypename = item.name
					this.typesearch = item.name
					this.treeLoad = item.treeLoad
					this.isclick2=true
					this.isclick3=true
				}
			
			},
			// 获取故障原因树状图搜索
			getcoursetree() {
				var that = this
				var url = encodeURI(this.$url + '/fault/cause/select?name='+this.coursesearch)
				
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.coursetree = response.data.data;
					})
					.catch(function(error) {
					});
			
			},
			// 获取搜索的故障分类
			gettypetree(ids) {
				var that = this
				var url = ''
				var sysSonIds = ''
				if(typeof ids != 'object'&&ids){
					sysSonIds = ids
				}else if(this.sys_value){
					sysSonIds = this.sys_value
				}else if(this.sysids){
					sysSonIds = this.sysids
				}
				if(sysSonIds){
					 url = encodeURI(this.$url + '/fault/type/select?name='+this.typesearch+'&sysSonIds='+sysSonIds)
				}else{
					 url = encodeURI(this.$url + '/fault/type/select?name='+this.typesearch)
				}
				
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.typetree = response.data.data;
						 that.$forceUpdate()
					})
					.catch(function(error) {
					});
			
			},
			querySearch2(queryString, cb) {
			       var restaurants = this.restaurants2;
			       var results = queryString ? restaurants.filter(this.createFilter2(queryString)) : restaurants;
			       // 调用 callback 返回建议列表的数据
			       cb(results);
			     },
			     createFilter2(queryString) {
			       return (restaurant) => {
			         return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
			       };
			     },
			handleSelect2(item) {
				this.info.faultCauseId = item.id
				this.info2.faultCauseId = item.id
				this.isclick4=true
			},
			// 获取所有故障原因
			getallcourse() {
				var that = this
				this.$http.get(this.$url + '/fault/cause/select?name=')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.restaurants2 = response.data.data;
					})
					.catch(function(error) {
					});
			},
			// 获取所有故障分类
			getalltype(ids) {
				var that = this
				var url = ''
				var sysSonIds = ''
				if(typeof ids != 'object'&&ids){
					sysSonIds = ids
				}else if(this.sys_value){
					sysSonIds = this.sys_value
				}else if(this.sysids){
					sysSonIds = this.sysids
				}
				if(sysSonIds){
					url = this.$url + '/fault/type/select?name='+'&sysSonIds='+sysSonIds
				}else{
					url = this.$url + '/fault/type/select?name='
				}
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.restaurants = [];
						 for (var i = 0; i <  response.data.data.length; i++) {
						 	 if( response.data.data[i].parentId!=0){
								that.restaurants.push( response.data.data[i])
							}
						 }
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			querySearch(queryString, cb) {
			        var restaurants = this.restaurants;
			        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			        // 调用 callback 返回建议列表的数据
			        cb(results);
			      },
			      createFilter(queryString) {
			        return (restaurant) => {
			          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
			        };
			      },
			handleSelect(item) {
				this.info.faultTypeId = item.id
				this.info2.faultTypeId = item.id
				this.treeLoad = item.treeLoad
				this.info.faultDescription = item.treeLoad
				this.isclick2=true
				this.isclick3=true
			},
			querySearch_d(queryString, cb) {
			   var that = this
			   var url = encodeURI(this.$url + '/sys/dept/select?name='+this.roomsearch)
			   this.$http.get(url)
			   	.then(function(response) {
			   		if (response.data.code == '1410') {
			   			that.$Toast(response.data.msg);
			   			sessionStorage.setItem('token', '')
			   			that.$router.push('/login')
			   			return
			   		}
			   		that.allrooms = response.data.data
			   		var restaurants_d = that.allrooms;
			   		var results = queryString ? restaurants_d.filter(that.createFilter_d(queryString)) : restaurants_d;
			   		// 调用 callback 返回建议列表的数据
			   		if(results.length == 0){
			   			results.unshift({name:"暂无内容",address:""})
			   		}else{
			   			if(results[0].id){
			   				results.unshift({name:"科室",address:"地址"})
			   			}
			   		}
			   		
			   		cb(results);
			   	})
			   	.catch(function(error) {
			   		console.log(error);
			   		that.$Toast('网络拥堵，刷新一下');
			   	});
			},
			createFilter_d(queryString) {
				return (restaurant) => {
					console.log(restaurant.name)
					return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
					
				};
			},
			handleSelect_d(item) {
				if(!item.id){
					this.info.departName=''
					return 
				}
				this.info.departName = item.name
				this.info.departId = item.id
				this.info.address = item.address
				this.info.phoneNo = this.uphone?this.info.phoneNo:item.phone
				
				this.isclick1=true
			},
			chosechange(){
				this.chosef = !this.chosef
			},
			getuserlist() {
				// var that = this
				// var name = this.info.commitUserName?this.info.commitUserName:''
				// var id = this.info.departId?this.info.departId:''
				// var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				// this.$http.get(url)
				// 	.then(function(response) {
				// 		if (response.data.code == '1410') {
				// 			that.$Toast(response.data.msg);
				// 			sessionStorage.setItem('token', '')
				// 			that.$router.push('/login')
				// 			return
				// 		}
				// 		that.restaurants_u = response.data.data
				// 		that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
				// 		// console.log(that.restaurants)
				// 	})
				// 	.catch(function(error) {
				// 		console.log(error);
				// 		// sessionStorage.setItem('token','undefined')
				// 		// that.$router.push('/login')
						
				// 		that.$Toast('网络拥堵，刷新一下');
				// 	});
			
			},
			querySearch_u(queryString, cb) {
			    var that = this
			    var name = this.info.commitUserName?this.info.commitUserName:''
			    var id = this.info.departId?this.info.departId:''
			    var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
			    this.$http.get(url)
			    	.then(function(response) {
			    		if (response.data.code == '1410') {
			    			that.$Toast(response.data.msg);
			    			sessionStorage.setItem('token', '')
			    			that.$router.push('/login')
			    			return
			    		}
			    		that.restaurants_u = response.data.data
			    		that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
			    		var restaurants_u = that.restaurants_u;
			    		var results = queryString ? restaurants_u.filter(that.createFilter_u(queryString)) : restaurants_u;
			    		// 调用 callback 返回建议列表的数据
			    		if(results.length == 0){
			    			results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
			    		}else{
			    			if(results[0].id){
			    				results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
			    			}
			    		}
			    		
			    		
			    		cb(results);
			    		// console.log(that.restaurants)
			    	})
			    	.catch(function(error) {
			    		console.log(error);
			    		// sessionStorage.setItem('token','undefined')
			    		// that.$router.push('/login')
			    		
			    		that.$Toast('网络拥堵，刷新一下');
			    	});
			    	
			},
			createFilter_u(queryString) {
				return (restaurant) => {
					return (restaurant.realName.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
					
				};
			},
			handleSelect_u(item) {
				if(!item.id){
					this.info.commitUserName=''
					return 
				}
				this.info.commitUserName = item.realName
				// this.info.phoneNo = this.info.phoneNo?this.info.phoneNo:item.phoneNo
				// this.info.phoneNo = item.phoneNo?item.phoneNo:this.info.phoneNo
				this.info.commitUserId = item.commitUserId
				this.uphone = item.phoneNo
				this.info.phoneNo = this.uphone?this.uphone:this.info.phoneNo
				console.log(this.info.commitUserName);
				
			},
			handleIconClick(ev) {
				console.log(ev);
			},
			addrep(item){
				this.resetSetItem('rou',6);
				var that = this
				var param={id:item.id}
				this.$http.post(this.$url + '/main/detail', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$router.push({name:'myRepository',params:{'title':response.data.data}})
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			closestop(){
				this.showstop = false;
				this.enrname = '请选择工程师'
				this.turnresult = ''
				this.illustrate = ''
				this.typename = '选择暂停原因'
				this.typeid = ''
				this.result = ''
				this.backresult = ''
				this.info2={faultTypeId:"",faultCauseId:"",gdInfoId:'',deviceState:1,way:1,process:"",causeOf:"",enclosure:"",photoIds:""}
			},
			closeSendOrder(){
				this.showSendOrder = false;
				if(!this.resendid){
					this.showadd = true;
					this.$nextTick(()=>{
						this.$refs.adds.scrollTop = 0
					})
				}
			},
			closeadd(){
				this.showadd = false;
				this.fileList3 = []
				this.files3 = []
				this.files3id = []
				this.sys_value = ''
				this.sysids = ''
				this.info =  {
					departId: 0,
					departName: '',
					commitUserId:"",
					phoneNo:"",
					illustrate:"",
					enclosure:"",
					photoIds:"",
					isRepeat: 0,
					isWarranty: 0,
					isMaterialWarranty: 0,
					sourceId: 1,
					emergenceId:1,
					rangeId:1,
					faultDescription: "",
					address: "",
					commitUserName:"",
					faultTypeId:"",
					faultCauseId:"",
					id:""
				}
				this.faultTypename = ''
				this.treeLoad=''
				
			},
			gorepo(){
				this.resetSetItem('rou',6);

				this.$router.push({name:'repositorySearch',params: {key:'open',to:'workorder'}})
			},
			 handleSizeChange(val) {
			        console.log(`每页 ${val} 条`);
					this.limit = val
					this.getlist()
			      },
			      handleCurrentChange(val) {
			        console.log(`当前页: ${val}`);
					this.page = val
					this.getlist()
			      },
			// 选择描述
			select_con(item) {
				this.info.faultDescription = item
			},
			
			// 表单提交
			showData(type) {
			this.info.departName = this.info.departName?this.info.departName:''
				if ( this.info.departName.trim() == '' && this.zddert&& this.zddert!='false') {
					this.$Toast("请填写报修科室");
					return
				}
				this.info.address = this.info.address?this.info.address:''
				if ( this.info.address.trim() == '' && this.zdaddress&& this.zdaddress!='false') {
					this.$Toast("请填写报修地址");
					return
				}
				// if (this.info.commitUserName.trim() == '') {
				// 	this.$Toast("请填写报修人姓名");
				// 	return
				// }
				this.info.phoneNo = this.info.phoneNo?this.info.phoneNo:''
				console.log(this.info.phoneNo)
				if (this.info.phoneNo.trim() == '' && this.zdtel&& this.zdtel!='false') {
					this.$Toast("请填写报修人电话");
					return
				}else if(this.info.phoneNo && this.zdtel && this.zdtel!='false'){
					console.log(this.info.phoneNo)
					console.log(this.reg)
					console.log(this.reg.test(this.info.phoneNo))
					if (!this.reg.test(this.info.phoneNo)) {
						this.$Toast("请输入正确的手机号");
						return false;
					}
				}
				if ( this.info.faultDescription.trim() == '') {
					this.$Toast("请填写故障描述");
					return
				}
				// if (!this.reg.test(this.info.phoneNo)) {
				// 	this.$Toast("请输入正确的手机号");
				// 	return false;
				// }
				if( !this.isclick1 && this.zddert&& this.zddert!='false'){
					this.$Toast("请点击选择报修科室");
					return false;
				}
				
				if(!this.isclick2 && this.zdtype && this.zdtype!='false'){
					this.$Toast("请点击选择故障分类");
					return false;
				}
				this.info.repairTypeId = 0
				if(type==1){
					this.info.servicemanId = sessionStorage.getItem('uid')
					this.increase()
				}else{
					// if(this.info.servicemanId){
						this.increase()
					// }else{
					// 	this.showSendOrder = true
					// }
				}
				
				this.showadd = false
				
			},
			// 确认选择科室
			sure() {
				if (this.info.departId == 0) {
					this.$Toast("请选择科室");
					return
				} else {
					this.alert_show = false
				}
			},
			// 科室树状图选择
			choseroom(data, node, treeNode) {
				this.treeClickCount++;
				if (this.treeClickCount >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount == 1) {
						this.treeClickCount = 0;
						console.log('单击事件,可在此处理对应逻辑')
						
						if(this.dtype=='search'){
							this.departId = treeNode.id
							this.departname = treeNode.name
						}else{
							this.info.departId = treeNode.id
							this.isclick1=true
							this.info.departName = treeNode.name
							this.info.address = treeNode.address
							this.info.phoneNo = this.uphone?this.info.phoneNo:treeNode.phone
						}
					} else if (this.treeClickCount > 1) {
						this.treeClickCount = 0;
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 获取科室
			getrooms() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.post(this.$url + '/sys/dept/tree', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						
						that.zNodes = response.data.data
						that.ztree_obj = $.fn.zTree.init($("#treeDemo"), that.setting, that.zNodes);
						var  nodes = that.ztree_obj.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						    that.ztree_obj.expandNode(nodes[i],  true ,  false ,  true );
						}
						that.zNodes_u = response.data.data
						that.ztree_obj_u = $.fn.zTree.init($("#treeDemo4"), that.setting_u, that.zNodes_u);
						 var  nodes = that.ztree_obj_u.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						    that.ztree_obj_u.expandNode(nodes[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});

			},
		
			// 点击遮罩层
			close(){
				for (var i = 0; i < this.list.length; i++) {
					this.list[i].static=false
				}
				this.options_show=false
				this.options_show2=false
				this.showzzc=false
			},
			// 点击更多
			open(index) {
				if(this.list[index].static==false){
					for (var i = 0; i < this.list.length; i++) {
						this.list[i].static=false
					}
					this.list[index].static = true
					this.showzzc=true
					
					this.$forceUpdate()
				}else{
					this.list[index].static = false
					this.showzzc=false
				}
				
				this.$forceUpdate()
			},
			//显示当前时间（年月日时分秒）
			timeFormate(timeStamp) {
			      let year = new Date(timeStamp).getFullYear();
			      let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
			      let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
			      let hh =new Date(timeStamp).getHours() < 10? "0" + new Date(timeStamp).getHours(): new Date(timeStamp).getHours();
			      let mm =new Date(timeStamp).getMinutes() < 10? "0" + new Date(timeStamp).getMinutes(): new Date(timeStamp).getMinutes();
			      let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
			      let week = new Date(timeStamp).getDay();
			      let weeks = ["日","一","二","三","四","五","六"];
			      return year + "-" + month + "-" + date;
			    },
			getlist() {
				this.showloading = true
				var param ={}
				if(this.tabact == 7){
					param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.commitUserIds,
						createStartDate:this.createStartDates?this.timeFormate(this.createStartDates)+' 00:00:00':'',
						createEndDate:this.createEndDates?this.timeFormate(this.createEndDates)+' 23:59:59':"",
						faultTypeId:this.faultTypeIds,
						departName:this.naes,
						faultDescription:this.naes2,
						// way:this.way,
						servicemanId:sessionStorage.getItem('uid'),
						stateIds:3,
						myGd:1
						// stateId:type,
					}
				}else if(this.tabact == 1){
					param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.commitUserIds,
						createStartDate:this.createStartDates?this.timeFormate(this.createStartDates):'',
						createEndDate:this.createEndDates?this.timeFormate(this.createEndDates):"",
						faultTypeId:this.faultTypeIds,
						departName:this.naes,
						faultDescription:this.naes2,
						// way:this.way,
						servicemanId:sessionStorage.getItem('uid'),
						stateIds:1,
						myGd:1
						// stateId:type,
					}
				}else{
					 param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.commitUserIds,
						createStartDate:this.createStartDate?this.timeFormate(this.createStartDate):'',
						createEndDate:this.createEndDate?this.timeFormate(this.createEndDate):"",
						faultTypeId:this.faultTypeIds,
						departName:this.naes,
						faultDescription:this.naes2,
						// way:this.way,
						servicemanId:sessionStorage.getItem('uid'),
						stateId:this.tabact,
						myGd:1
						// stateId:type,
					}
				}
				var that = this
				this.$http.post(this.$url + '/main/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.list = response.data.data
						for (var i = 0; i < that.list.length; i++) {
							that.list[i].static = false
							that.list[i].helperId = that.list[i].helperId?that.list[i].helperId.split(','):[]
							// console.log(that.list[i].helperId)
						}
						
						that.inglen = response.data.count
						if (that.inglen > that.limit) {
							that.num = Math.ceil(that.inglen / that.limit)
						} else {
							that.num = 1
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});

			},
		},

		computed: {},
	}
</script>
<style lang='less'>
	.enr_list .el-checkbox__inner::after {
		height: 7px;
		left: 4px;
		top: 1px;
		width: 4px;
	}

	.enr_list .el-checkbox__inner {
		width: 16px;
		height: 16px;
	}

	.enr_li {
		min-width: 20%;
		width: auto;
	}

	.numslen {
		position: absolute;
		bottom: 0px;
		right: 50px;
		font-size: 12px;
	}

	.papers {
		display: inline-flex;
		margin-right: 10px;
	}

	.alert_li textarea {
		outline: none;
		border-radius: 5px;
		border: 1px solid #ccc;
		width: 85%;
		padding: 0 10px;
		height: 100px;
	}

	.evaluation_alert {
		border-radius: 5px;
		background: #fff;
		width: 600px;
		height: 300px;
		color: #333;
		text-align: center;
	}

	.alert_li {
		display: flex;
		line-height: 30px;
		/* align-items: center; */
		margin-bottom: 20px;
	}

	.alert_list {
		padding: 20px 70px 0;
	}

	.ulcss img {
		width: 30px;
		margin-right: 10px;
	}

	.ulcss {
		display: flex;

	}

	.check_li_r div {
		word-break: break-all;
	}

	.alert_btns {
		margin-top: 45px;
	}

	.el-upload__input {
		bottom: 35px;
	}

	.time_line_right {
		width: calc(100% - 136px);
	}

	.input-cont:hover .clears {
		display: block;
	}

	.clears {
		width: 10px;
		position: absolute;
		right: 35px;
		top: 14px;
		display: none;
		cursor: pointer;
	}

	.btns {
		min-width: 72px;
		padding: 0 8px !important;
		width: auto !important;
	}

	.order_tab1 img {
		width: 17px;
		margin-right: 5px;
	}

	.options {
		z-index: 40001;
	}

	.btn-gblue:hover {
		background-color: #58cde1;
		color: #fff;
	}

	.btn-gblue {
		background: rgba(88, 205, 225, .2);
		color: #58cde1;
		display: inline-block;
	}

	.down_li:hover {
		background: #4286f5;
		color: #fff;
	}

	.li_del:hover {
		background: #555555 !important;
		color: #fff !important;
	}

	.modal-lg .modal-body.h100 {
		height: calc(100vh - 130px);
	}

	.el-input--prefix .el-input__inner {
		padding-left: 12px;
		padding-right: 12px;
	}

	.today span {
		color: #ff6600;
	}

	.next-month span {
		color: #999;
	}

	.prev-month span {
		color: #999;
	}

	.available span {
		color: #333 !important;
	}

	.search_inp {
		/* width: 260px; */
		width: 160px;
		margin-bottom: 20px;
	}

	.c_gblue {
		background-color: #58cde1;
	}

	.c_ggray {
		background-color: #b4b4b4;
	}

	.c_gblue,
	.c_ggray {
		display: inline-block;
		font-style: normal;
		width: 30px;
		height: 30px;
		text-align: center;
		color: #fff;
		border-radius: 15px;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.c_gblue,
	.c_ggray,
	.c-blue,
	.c-green,
	.c-org,
	.c-gray {
		width: auto;
		min-width: 30px;
		padding: 0 6px;
	}

	.txt-black>i {
		margin-right: 0;
	}

	.top-txt .cent {
		width: 134px;
		height: 53px;
		cursor: pointer;
		justify-content: center;
		/* display: inline-flex; */
		display: flex;
		padding-bottom: 4px;

	}

	.top-txt {
		height: 53px;
		padding: 0;
	}

	.check_lis .radio {
		flex-wrap: wrap;
		width: calc(100% - 115px);
	}

	.phone_icon {
		width: 18px;
		/* margin-right: 3px; */
	}

	.phras_box {
		display: flex;
		flex-wrap: wrap;
	}

	.phrase_li {
		background: #abbac3;
		padding: 0 15px;
		height: 34px;
		border-radius: 34px;
		color: #fff;
		line-height: 34px;
		font-size: 14px;
		display: inline-block;
		cursor: pointer;
		margin: 10px;
	}

	.mb0,
	.mb0 .form-group {
		margin-bottom: 15px;
	}

	.reopen_alert .check_li_l {
		padding-left: 10px !important;
	}

	.btn-primary:hover {
		color: #fff !important;
		background: #4286f5 !important;
		border: none;
	}

	.btn-primary {
		outline: none !important;
		color: #fff !important;
		background: #4286f5 !important;
		margin-right: 18px;
	}

	.close_eng:hover {
		color: #434343 !important;
		background: #EEEEEE !important;
		border: none;
	}

	.close_eng {
		border: none;
		color: #434343 !important;
		background: #EEEEEE !important;
		outline: none !important;
	}

	.eng_tip {
		/* width: 107px; */
		padding: 0 33px;
		height: 34px;
		line-height: 34px;
		background: #F9EFE5;
		border-radius: 5px;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #EB6100;
		display: inline-block;
		margin-right: 9px;
		cursor: pointer;
	}

	.back_res {
		margin-top: 40px;
	}

	.time_line_text .gre {
		color: #32B16C;
	}

	.time_line_text {
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #626262;
	}

	.time_line_tip {
		width: 64px;
		height: 20px;
		background: #FFFFFF;
		border: 1px solid #32B16C;
		border-radius: 3px;
		font-size: 12px;
		font-family: SimSun;
		font-weight: 400;
		color: #32B16C;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.time_line_li {
		display: flex;
		min-height: 87px;
	}

	.time_line_cur {
		width: 9px;
		height: 9px;
		background: #32B16C;
		border-radius: 50%;
		margin-left: 14px;
		margin-right: 17px;
		position: relative;
		top: 4px;
	}

	.time_line_time {
		width: 96px;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #999999;
		text-align: right;
		line-height: 18px;
	}

	.time_line_line {
		width: 1px;
		background: #32B16C;
		position: absolute;
		height: 100%;
		left: 113px;
		top: 5px;
	}

	.time_line {
		position: relative;
	}

	.check_alert_right .Scont {
		height: 100%;
	}

	.time_line_box {
		width: 100%;
		max-height: calc(100% - 112px);
		background: #F6F6F6;
		border: 1px solid #ddd;
		margin-top: 15px;
		position: relative;
		padding: 38px 48px;
		overflow-y: scroll;
	}

	.time_line_box {
		-ms-overflow-style: none !important;
	}

	.time_line_box::-webkit-scrollbar {
		display: none;
	}


	.li {
		border-bottom: 1px solid #f3f3f3;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}

	.li:nth-last-of-type(1) {
		border-bottom: none;
	}

	.res .input-cont {
		width: calc(100% - 90px);
	}

	.order_tab_act {
		background: #EFF4FC !important;
		border: 1px solid #4286F5 !important;
	}

	.order_tab {
		display: flex;
		justify-content: center;
		margin: 30px 0;
	}

	.order_tab .res_text {
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #000000;
		margin-bottom: 0;
	}

	.order_tab1 {
		padding: 0 20px;
		height: 38px;
		background: #F6F6F6;
		border: 1px solid #F6F6F6;
		border-radius: 6px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin: 0 15px;

	}

	.stopbtn img {
		margin-right: 7px;

	}

	.stopbtn {
		width: 135px;
		height: 34px;
		background: #4286F5;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #FFFFFF;
		cursor: pointer;
		margin-bottom: 50px;
	}

	.stop_btn {
		border-top: 1px solid #ddd;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.res textarea {
		width: 100%;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 5px 10px;
		font-size: 14px;
		outline: none;
		line-height: 20px;
		height: 80px;
		position: relative;
		top: 6px;
	}

	.res .check_li_l {
		text-align: right;
		width: 96px;
		padding-left: 29px;
		white-space: nowrap;
	}

	.res .radio div {
		min-width: 100px;
	}

	.res .radio .res_text {
		padding-left: 0;
	}

	.check_li_l span {
		color: #EC6941;
	}

	.time_tip {
		/* width: 301px; */
		padding: 0 7px;
		height: 20px;
		background: #F1F9F1;
		border: 1px solid #32B16C;
		border-radius: 3px;
		font-size: 12px;
		font-family: SimSun;
		font-weight: 400;
		color: #32B16C;
		line-height: 18px;
	}

	.lc_text {
		width: 58px;
		display: flex;
		justify-content: center;
	}

	.lc_kong {
		height: 7px;
		background: #ddd;
		width: 19%;
		position: relative;
		bottom: 15px;
	}

	.lc_2 {
		width: 58px;
		height: 58px;
		border-radius: 100%;
		border: 6px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #626262;
	}

	.lc_kong_ban {
		height: 7px;
		background: #ddd;
		width: 9.5%;
		position: relative;
		bottom: 15px;
	}

	.lc_heng_ban {
		height: 7px;
		background: #32b16c;
		width: 9.5%;
		position: relative;
		bottom: 15px;
	}

	.lc_heng {
		height: 7px;
		background: #32b16c;
		width: 19%;
		position: relative;
		bottom: 15px;
	}

	.lc_1 {
		width: 58px;
		height: 58px;
		border-radius: 100%;
		background: #32b16c;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #FFFFFF;
	}

	.lc {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 55px 85px;
		font-size: 18px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #626262;
		white-space: nowrap;
	}

	.tip_fw {
		width: 64px;
		height: 20px;
		background: #E0F0E0;
		border-radius: 3px;
		font-size: 12px;
		color: #32B16C;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tip_nomorl {
		width: 64px;
		height: 20px;
		background: #FFFFFF;
		border: 1px solid #EC6941;
		border-radius: 3px;
		font-size: 12px;
		font-family: SimSun;
		font-weight: 400;
		color: #EC6941;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.check_alert_right tr td:nth-of-type(2) {
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #000000;
	}

	.check_alert_right tr td:nth-of-type(1) {
		width: 129px;
		text-align: right;
		background: #F6F6F6;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #888888;
	}

	.check_alert_right table {
		margin-top: 16px;
		width: 100%;
	}

	.check_alert_right table td {
		border: 1px solid #eee;
	}

	.green_cor {
		color: #32B16C;
	}

	.green_bg {
		background-color: #f1f9f1;
		border-radius: 6px;
		color: #32B16C;
	}

	.stop_box .check_list {
		min-height: calc(100vh - 600px);
	}

	.check_list {
		margin-bottom: 25px;

	}

	.org_cor {
		color: #EC6941;
	}

	.org_bg {
		background-color: #fbf5f1;
		border-radius: 6px;
		color: #EC6941;
	}

	.check_li_r {
		width: calc(100% - 90px);
		padding: 0 6px;
		line-height: 34px;
		word-break: break-all;
	}

	.check_li_l {
		margin-right: 20px;
		/* height: 43px;
		line-height: 43px; */
		min-width: 70px;
		line-height: 34px;
		height: 34px;
		white-space: nowrap;
	}

	.check_lis {
		display: flex;
		padding-left: 15px;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #000000;
		margin-top: 10px;
	}

	.tip_check img {
		margin-right: 3px;
	}

	.check_alert_left .tit {
		display: flex;
		align-items: center;
	}

	h3 .tip_check {
		width: 81px;
		height: 20px;
		background: #FFFFFF;
		border: 1px solid #EC6941;
		border-radius: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: #ED724D;
		margin-left: 14px;
	}

	.check_box {
		width: 100%;
	}

	.check_alert_right {
		width: 31%;
	}

	.check_alert_left {
		width: 64%;
		/* height: 100%; */
	}

	.check_alert_box {
		display: flex;
		/* align-items: center; */
		justify-content: space-between;
		padding: 22px 19px;
		/* min-height: calc(100% - 150px); */
	}

	.send_order_btn2 {
		color: #434343;
		font-size: 14px;
		background: #EEEEEE;
		margin-right: 18px;
	}

	.send_order_btn {
		color: #fff;
		font-size: 14px;
		background: #4286F5;
		margin-right: 18px;
	}

	.send_order_btn img,
	.send_order_btn2 img {
		margin-right: 10px;
	}

	.send_order_btn,
	.send_order_btn2 {
		width: 105px;
		height: 34px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		cursor: pointer;
	}

	.order_right_index {
		height: calc(100% - 108px);
		overflow-y: scroll;
		padding-bottom: 20px;
	}

	.order_right_index {
		-ms-overflow-style: none !important;
	}

	.order_right_index::-webkit-scrollbar {
		display: none;
	}

	.order_right_btns {
		height: 80px;
		border-top: #ddd 1px solid;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.status_black {
		font-size: 14px;
		color: #000000;
	}

	.status_org {
		font-size: 14px;
		color: #EB6100;
	}

	.status_green {
		font-size: 14px;
		color: #32B16C;
	}

	.status_gary {
		font-size: 14px;
		color: #8E96C5;
	}

	.status_blue {
		font-size: 14px;
		color: #4286F5;
	}

	.s_u_name {
		font-size: 14px;
		color: #555555;
		margin-bottom: 0;
	}

	.send_user_li {
		display: flex;
		align-items: center;
		height: 40px;
	}

	input[type='checkbox'] {
		opacity: 0;
		position: absolute;
		z-index: -2;
	}

	input[type="checkbox"]+label {
		width: 16px;
		height: 16px;
		border: 1px solid #c8c8c8;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		box-sizing: border-box;
		margin-right: 7px;
	}

	input[type="checkbox"]+label::before {
		content: '';
		display: block;
		margin-bottom: 0;
		box-sizing: border-box;
	}

	input[type="checkbox"]:checked+label {
		border: 1px solid #0075ff;
		box-sizing: border-box;
		background: #0075ff url(../../assets/images/dui.png) no-repeat;
		background-size: 80% 80%;
		background-position-x: 20%;
		background-position-y: 20%;
	}

	input[type="checkbox"]:checked+label::before {
		background: #0075ff;
	}

	.send_user_list {
		margin-top: 5px;
		/* height: 100%; */

	}

	.send_user_li {
		/* padding: 13px 0; */
	}

	.send_heng {
		width: 14px;
		border-bottom: 1px dashed #B5B5B5;
	}

	.send_shu {
		border-right: 1px dashed #B5B5B5;
		width: 1px;
		/* height: 100%; */
	}

	.sendLeft_box {
		display: flex;
		align-items: stretch;
	}

	.el-autocomplete-suggestion li.highlighted,
	.el-autocomplete-suggestion li:hover {
		background-color: #ddd;
	}

	.send_search {
		width: 252px;
		height: 34px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		/* box-shadow: 0px 2px 0px 0px #EEEEEE; */
		border-radius: 5px;
		padding: 0 12px;
		outline: none;
	}

	.sendOrder_left_title {
		font-size: 14px;
		margin-bottom: 11px;
		color: #4286F5;
	}

	.sendOrder_right {
		width: calc(100% - 320px);
		padding: 27px 30px;
	}

	.sendOrder_left {
		width: 320px;
		height: calc(100% - 48px);
		border-right: 1px solid #ddd;
		padding: 23px 34px;

		height: calc(100% - 55px);
		overflow-y: scroll;
	}

	.sendOrder_left {
		-ms-overflow-style: none !important;
	}

	.sendOrder_left::-webkit-scrollbar {
		display: none;
	}

	.send_order_alert {
		display: flex;
		padding: 0 !important;
		overflow-y: hidden !important;

	}

	.el-popper {
		margin-top: 0;
	}

	/deep/ .el-autocomplete-suggestion li {
		padding: 0 0;
	}

	.my-autocomplete {
		border-radius: 0 0 6px 6px;
		min-width: 400px;
		margin-top: 0 !important;


		.popper__arrow {
			display: none;
		}

		.el-scrollbar__wrap {
			padding: 0 !important;
			overflow-x: scroll;

			li {
				padding: 0 !important;
				min-width: 320px;
			}

		}

	}

	.time_line_text span {
		word-break: break-all;
	}

	.tab_td {
		width: 25%;
		min-width: 80px;
		display: inline-block;
		padding: 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.el-scrollbar__wrap {
		-ms-overflow-style: none !important;
	}

	.el-scrollbar__wrap::-webkit-scrollbar {
		display: none;
	}

	.el-scrollbar__wrap li:nth-of-type(1) .tab_tr {
		border-top: 1px solid #ddd;
		background-color: #ddd;
	}

	.tab_tr {
		height: 40px;
		border-bottom: 1px solid #ddd;
		line-height: 40px;
		/* display: flex; */
	}

	.li_del {
		background: #FFFFFF !important;
		border: 1px solid #CCCCCC !important;
		color: #555555 !important;
	}

	.text_org {
		color: #EB6100;
	}

	td span {
		color: #22ac38;
	}

	.more_box {
		width: 24px;
		margin-left: 11px;
		height: 100%;
		display: inline-block;
	}

	.table-responsive {
		/* height: calc(100vh - 300px); */
	}

	.more img {
		width: 24px;
	}

	.el-pagination__total {
		height: 33px !important;
		line-height: 33px !important;
	}

	.el-input--mini .el-input__inner {
		height: 33px;
	}

	.el-pagination__editor.el-input .el-input__inner {
		height: 33px;
	}

	.page_box {
		display: flex;
		justify-content: flex-end;
		margin-top: 30px;
		margin-bottom: 150px;
	}

	.el-pagination .btn-prev {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	.el-pagination .btn-next {
		border: 1px solid #ccc;
		padding: 0;
		border-left: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	.el-pager li {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		line-height: 33px;
	}

	.el-pager li:nth-last-of-type(1) {
		border-right: 1px solid #ccc;
	}

	.el-pager li.active {
		border: #4286f5 1px solid;
		background: #4286f5;
		color: #fff;
	}

	.radio {
		display: flex;
		align-items: center;
		color: #000;
		margin-bottom: 5px;
		height: 34px;

	}

	.radio span {
		cursor: pointer;
		font-weight: normal !important;
	}

	.radio label {
		font-weight: normal !important;
	}

	label {
		font-weight: normal !important;
	}

	.radio div {
		display: flex;
		align-items: center;
		margin-right: 26px;
	}

	input[type='radio'] {
		opacity: 0;
		position: absolute;
		z-index: -2;
	}

	input[type="radio"]+label {
		width: 13px;
		height: 13px;
		min-height: 13px;
		padding: 1.5px;
		border: 1px solid #4f4f4f;
		border-radius: 13px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		box-sizing: border-box;
		margin-right: 7px;
	}

	input[type="radio"]+label::before {
		content: '';
		border-radius: 1.4rem;
		width: 7px;
		height: 7px;
		/* margin-top: 2.5px;
		margin-left: 1px;
		display: flex; */
		display: block;
		margin-bottom: 0;
		box-sizing: border-box;
		/* justify-content: center; */
		/* align-items: center; */
	}

	input[type="radio"]:checked+label {
		border: 1px solid #0075ff;
		box-sizing: border-box;
	}

	input[type="radio"]:checked+label::before {
		background: #0075ff;
	}


	.btns {
		width: 72px;
		padding: 0;
		text-align: center;
	}

	.zzc {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}

	.gar:hover {
		background: #555555;
		color: #fff;
	}

	.ger:hover {
		background: #22ac38;
		color: #fff;
	}

	.loading-content {
		position: absolute;
		z-index: 2000;
		/* background-color: rgba(0, 0, 0, 0.8); */
		margin: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: opacity 0.3s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		/* width: 200px;
		height: 150px;
		border-radius: 10px; */
	}

	.loading-spinner {
		text-align: center;
	}

	.loading-spinner .circular {
		height: 42px;
		animation: loading-rotate 2s linear infinite;
	}

	.loading-spinner .path {
		animation: loading-dash 1.5s ease-in-out infinite;
		stroke-dasharray: 90, 150;
		stroke-dashoffset: 0;
		/* stroke- 2; */
		stroke: #000;
		stroke-linecap: round;
	}

	.loading-text {
		font-size: 14px;
		color: #000;
	}

	@keyframes loading-rotate {
		100% {
			transform: rotate(360deg);
		}
	}

	@keyframes loading-dash {
		0% {
			stroke-dasharray: 1, 200;
			stroke-dashoffset: 0;
		}

		50% {
			stroke-dasharray: 90, 150;
			stroke-dashoffset: -40px;
		}

		to {
			stroke-dasharray: 90, 150;
			stroke-dashoffset: -120px;
		}
	}

	.biaoq {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.qx:hover {
		/* background: #edf3fd; */
		/* color: #4286f5; */
	}

	/* 	.nosingle:hover {
		background: #d28679;
		color: #fff;
	} */

	.nosingle {
		/* background: #fcf4f2;  */
		color: #d28679;
	}

	/* .waitdoing:hover {
		background: #db9d46;
		color: #fff;
	}
 */
	.waitdoing {
		/* background: #fef6eb; */
		color: #db9d46;
	}

	/* .wait:hover {
		background: #af7087;
		color: #fff;
	} */

	.wait {

		/* background: #fbeff4; */
		color: #af7087;
	}

	.downs {
		/* background: #fff; */
		background: url(../../assets/images/list_alert_bg.png) no-repeat;
		background-size: 100% 100%;
		width: 115px;
		position: absolute;
		top: 30px;
		right: -10px;
		text-align: left;
		padding: 24px 15px 16px;
		z-index: 5;

		color: #666;

	}

	.down_li {
		/* border-bottom: 1px solid #f3f3f3;
		padding-left: 20px; */
		line-height: 28px;
		/* width: 76px; */
		height: 28px;
		text-align: center;
		background: #eff4fc;
		color: #4286f5;
		border-radius: 5px;
		margin: 0 auto 10px;
	}

	.down_li:nth-last-of-type(1) {
		border-bottom: none;
	}

	.more {
		position: relative;
	}

	.btns .iconfont {
		font-size: 10px;
		transition: all .3s;
		transform: rotateZ(0deg);
		line-height: 26px;
	}

	.actives {
		background: #4286f5 !important;
		color: #fff !important;
	}

	td,
	th {
		font-size: 14px;
		color: #333;
		/* line-height: 22px; */
		padding: 10px;
		border-top: 0;
		border-bottom: 1px solid #eee;
	}



	.modal {
		position: absolute;
	}

	.modal-dialog {
		height: 97%;
	}

	.modal-header {
		position: sticky;
		top: 0;
		z-index: 50;
	}

	.modal-content {
		/* width: 85%; */
		margin: 0 auto;
		max-height: 100%;
		/* height: 65vh; */
		/* overflow-y: scroll; */
	}

	.cent {
		width: 100%;
		align-items: center;
	}
</style>
